🌐 Peer Learning Platform

A modern peer-to-peer learning platform where students can connect, collaborate, share knowledge, and grow together through interactive learning sessions, real-time messaging, AI assistance, and community engagement.

---

---

✨ Features

🔐 Authentication System

• Secure Signup & Login
• Protected Routes
• User Session Management

👤 User Profiles

• Personalized User Profiles
• Skills & Interests Showcase
• Learning Preferences

🔍 Peer Discovery

• Find peers based on skills
• Connect with learners worldwide
• Smart matching system

📚 Learning Sessions

• Create study sessions
• Join collaborative learning groups
• Interactive peer discussions

💬 Real-Time Chat

• Instant messaging system
• Community interaction
• Smooth communication experience

🤖 AI-Powered Assistance

• AI chatbot for learning support
• Smart recommendations
• Enhanced user guidance

🏆 Leaderboard System

• Rankings based on activity
• Community engagement rewards
• Motivation through gamification

📊 Personalized Dashboard

• Track learning progress
• Session overview
• Activity management

⚡ Modern Responsive UI

• Fully responsive design
• Mobile-friendly interface
• Smooth user experience

---

📸 Screenshots

📸 Application Preview

🏠 Home Page

---

🔐 Authentication

---

👨‍🏫 Become a Mentor

---

🤖 AI Assistant

---

Demo Video

demo.1.mp4

🧠 Problem Statement

Many students struggle to find suitable learning partners, mentors, and collaborative study environments.

The Peer Learning Platform solves this challenge by enabling students to connect, collaborate, and learn together through peer-to-peer knowledge sharing and community interaction.

---

🛠️ Tech Stack

🎨 Frontend

• React.js
• TypeScript
• JavaScript
• Tailwind CSS

⚙️ Backend

• Supabase
• PostgreSQL

🔐 Authentication

• Supabase Authentication

🚀 Deployment

• Vercel

---

📂 Project Structure

peer-learning-platform/
│
├── public/
│
├── src/
│   ├── components/
│   ├── pages/
│   ├── hooks/
│   ├── integrations/
│   ├── services/
│   ├── utils/
│   └── App.tsx
│
├── package.json
├── tailwind.config.js
├── tsconfig.json
└── README.md

---

⚙️ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/durdana3105/peer-learning.git

---

2️⃣ Navigate to Project Directory

cd peer-learning

---

3️⃣ Install Dependencies

npm install

---

4️⃣ Configure Environment Variables

Create a .env file in the root directory and add:

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

---

5️⃣ Start Development Server

npm run dev

---

🚀 Deployment

This project can be easily deployed on:

• Vercel
• Netlify
• Render

Build Command

npm run build

---

🌟 Future Enhancements

• 🎥 Video Calling Integration
• 📅 Session Scheduling
• 🧠 AI-based Peer Recommendations
• 🔔 Real-time Notifications
• 🌍 Multi-language Support
• 📱 Dedicated Mobile App
• 🧑‍🏫 Mentor Matching System

---

🤝 Contributing

Contributions are welcome 🚀

Steps to Contribute

1. Fork the repository
2. Create a new branch

git checkout -b feature-name

3. Make your changes
4. Commit your changes

git commit -m "Add your message"

5. Push to GitHub

git push origin feature-name

6. Open a Pull Request 🎉

---

💖 Contributors

Thanks to all the amazing people who contribute to Peer Learning 🚀

---

👩‍💻 Author

Durdana Sultana

Computer Science (AI & ML) Student

---

⭐ Support

If you like this project, please give it a ⭐ on GitHub.

  

---

📜 License

This project is licensed under the MIT License.

---

🌟 Empowering Students Through Collaborative Learning 🌟

Made with ❤️ by the Open Source Community