Varta - Language Learning Platform

🔍 Overview

Varta is a language learning platform where users can learn new languages by directly interacting with native speakers via video calls or real-time chat. Instead of traditional learning through courses, Varta emphasizes real-world practice and conversation.

Streak

Chats

✨ Features

• 🤖 AI Powered Interaction
• 💬 Real-Time Chat
• 📹 Video Calling with Friends
• 🎨 32+ Customizable Themes
• 🔥 Daily Streak Check-In System
• 🔐 JWT Authentication

🛠️ Tech Stack

• Stream - Video Calling and Chat Integration
• MongoDB - NoSQL Database
• Express.js - Backend Framework
• React.js - Frontend Library
• Node.js - Runtime Environment
• Zustand - State Management
• TanStack Query - Data Fetching and Caching
• Vite - Frontend Build Tool
• TailwindCSS - CSS Framework
• DaisyUI - TailwindCSS Components
• Embla Carousel - Carousel for UI
• React Hot Toast - Toast Notifications
• StorySet - Illustrations
• Avatar Placeholder - Random Avatars
• Flagcdn - All country flags

⚙️Installation & Setup

Step 1: Clone the Repository

  git clone https://github.com/Adamya-Gupta/Varta-Platform.git

Step 2: Install Required Dependencies

#Frontend
cd frontend
npm install

#Backend
cd backend
npm install

Step 3: Environment Variables

To run this project, you will need to add the following environment variables to your .env file

Frontend .env:

VITE_STREAM_API_KEY= your_api_key
VITE_GEMINI_API_KEY= your_api_key

Backend .env:

PORT=5001
MONGO_URI = Your_MongoDB_Atlas_Key

STREAM_API_KEY= your_api_key
STREAM_API_SECRET= Your_api_key

JWT_SECRET_KEY=Your_secret_key 

NODE_ENV=production

Tip

JWT Secret Key can be generated using OpenSSL

openssl rand -base64 32
# something like this will be generated: J4dmpcXQSPCE73+hPaxeOT2ekP6mpAALam8NWv/MS0A=

4. Run Development Servers

# Frontend
cd frontend
npm run dev  # runs on port 5173

# Backend
cd backend
npm run dev  # runs on port 5001

Visit http://localhost:5173 in your browser.

🎨 Themes

Varta offers these 32 themes:

Themes.mp4

🌍 Supported Languages

Learn and interact in a wide variety of languages!

English
Spanish
French
German
Mandarin
Japanese
Korean
Hindi
Russian
Portuguese
Arabic
Italian
Turkish
Dutch

🚀 Future Improvements

• Add a responsive streak graph to track daily activity.
• Introduce quizzes tailored to the user's chosen language.
• Add forget password option.
• Better UI/UX.

📚 References

Inspired by - LINK