It's a language learning application built on the MERN stack. The frontend is hosted on vercel and the backend is hosted on the railway.

• git clone <this_url>
• install npm on client and server
  • cd client
  • npm install
  • cd server
  • npm install
• Configure Server🔒
  • Create .env file in server
  • Update .env file with MONGODB_URL=<YOUR MONGODB URL>
  • Update .env file with NODE_ENV=development and change this to production while deploying env variables.
  • Update .env file with PORT=8000
  • Update the API endpoint in the index.js in cors to http://localhost:5173
• Configure Client🧑‍💻
  • Create .env file in client
  • Update .env file with VITE_REACT_APP_FIREBASE_API_KEY=<YOUR FIREBASE API KEY>
  • Update .env file with VITE_REACT_APP_API_ENDPOINT=http://localhost:8000/api
• Running the application in development mode
  • Development Mode (Client only): cd client then npm run dev and then open http://localhost:5173 in a browser
  • Development Mode (Server only): cd server then npm run dev

• You can learn multiple languages.

• Progress of each language will be stored separately.

• Leaderboard of every language.

• You can change your language whenever you want without losing the progress of your previous languages.

• Mobile responsive.

• Dynamic questions. The difficulty of your next question will depend upon your answer to the previous one.

• You can reset your current and previously selected language's progress.

  This is not it, I wanted to add more things but due to time constraints couldn't. I have added functionality for admin privileges but haven't designed the UI and API for it.

• Admin portal to create, delete, and edit questions, and add more languages.
• A global leaderboard irrespective of the language.
• UI improvements

• ReactJS⚛️
• TailwindCSS🙌
• Firebase: For user authentication🔐
• NodeJS🍃
• ExpressJS🚅
• Mongoose🙈
• MongoDB🍀