Team Details

• Ayush Kashyap - The Mastermind

• Bing AI - The Digital Sidekick

Description of Project

The idea for LangSwap was born out of a personal need to learn new languages and meet new people. As someone who wanted to expand their language skills and cultural knowledge, I found it difficult to find multilingual people in my area. LangSwap solves this problem by providing a platform for language learners to connect with native speakers and practice their language skills in a fun and engaging way.

Features

LangSwap is a language exchange app that connects people from all over the world to learn new languages and make new friends. After creating an account and logging in, users can set up their profile by providing information such as their name, native country, current country and city, age, gender, languages they know, languages they want to learn, and a brief bio.

On the dashboard, users can browse suggested profiles and view details such as profile pictures, cover art, and about fields. If they find someone they want to connect with, they can send a friend request. Once the request is accepted, users can communicate with each other through private messages or video chat using WebRTC technology.

LangSwap also includes a notification system that alerts users when they receive friend requests or when their requests are accepted. Users can also unfriend people if they no longer wish to communicate with them. The app also features a dark mode for a more comfortable user experience.

Tech Stack

• Next.js: A React-based framework for building server-rendered or statically-exported web applications.

• Appwrite: A self-hosted backend solution that provides APIs for various features, including:

  • Authentication: Used for user login and account management.

  • Database: Used for storing user information.

  • Storage: Used for storing user profile pictures and cover pictures.

  • Cloud Functions: Used for updating collections.

  • Realtime: Used for chat messaging and notifications.

• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.

• WebRTC with PeerJS: A technology for enabling real-time communication between browsers, with the help of the PeerJS library.

• AI: Artificial intelligence technologies were used for coding help.

Challenges Faced

Building LangSwap was not without its challenges. The first hurdle was overcoming my laziness and finding the motivation to start coding. After a few days, I finally managed to push myself to get started and ran npx create app. However, I soon realized that I had created the project in the wrong folder. Being lazy as I am, I decided to use the rm -rf / command to delete everything and start over. Big mistake.

Yes, I nuked my PC and lost everything. I was just watching some stuff in my browser when it suddenly stopped working and all my desktop apps were gone. God must hate me. :( I didn’t even have any backups, so I lost so many projects. After several days of depression, I finally picked myself up and started working again. And I learned a valuable lesson: never use rm -rf without thinking it through.

Public Code Repo

LangSwap Github Repo Link

Demo Link

LangSwap.com

Login Demo 1: demo@demo.com : password

Login Demo 2: demo1@demo.com : password

Demo Video

Happy Coding :)