🚀 vabTut - Peer Learning Exchange Platform

Built by Team Hells_chain Hackathon Project | July 2025 Live preview :- https://vabtut.netlify.app/

vabTut is a peer-to-peer microtutoring platform designed for college students to seek help, share knowledge, and exchange skills across subjects and disciplines.

---

📅 Day 1

✅ Checkpoint 1

• Set up complete project structure (frontend & backend)
• Installed & configured frameworks: React + Vite + Tailwind + TypeScript
• Structured backend with Node.js + Express
• Created welcome landing page and connected initial routes

✅ Checkpoint 2

• Developed Login & Signup UI (email, password, username)
• Created a basic User Dashboard layout
• Built Post a Doubt UI with form structure
• Added footer section and improved UI with Tailwind polish

✅ Checkpoint 3

• Integrated Zego video calling SDK for peer doubt solving
• Each doubt now generates a unique room ID
• Enabled live 1-on-1 video sessions between users
• Enhanced visual hierarchy and UI feedback for interaction

✅ Checkpoint 4

• Built Become a Tutor and Explore Topics pages
• Implemented topic filtering system with difficulty diamonds
• Enhanced UI responsiveness and interactivity
• Finalized modular routes and dynamic layout structure

✅ Checkpoint 5

• Completed Backend integration with Supabase (Auth & DB)
• Created and connected users and doubts tables
• Fully implemented Post a Doubt with Supabase insert
• Hooked dynamic data to dashboard & filters
• Added notification toasts and response states
• UI refined and performance optimized

---

📅 Day 2

✅ Checkpoint 6

• Integrated AI Voice Assistant using Vapi API

  • Users can post doubts via voice
  • Enabled voice-driven accessibility for better UX

• Developed Quiz Section

  • MCQ-style questions for various subjects
  • Prepared for gamification via karma system

• Added Profile & Settings Pages

  • View username, doubt history, karma, and badges
  • Toggle dark mode and manage preferences

• Final UI Enhancements

  • Unified spacing, hover/focus styles, and dropdown polish
  • Optimized layout for mobile-first experience

• Deployment Completed

  • Frontend deployed via Netlify
  • Supabase connected for database & auth

---

🚀 Tech Stack

• Frontend: React 18, TypeScript, Tailwind CSS, Vite
• Backend: Node.js, Express
• Database & Auth: Supabase
• Communication: ZegoCloud SDK (Video), Vapi API (Voice)
• Deployment: Netlify

---

🔧 Features Overview

• 💬 Post a Doubt (Text / Voice)
• 💡 Peer-to-Peer Live Video Support
• 📃 Subject Filtering & Difficulty Badging
• ✨ Profile & Gamification System (Karma, Badges)
• 🔴 Real-time Chat & Notifications (Planned)

---

🚩 Deployment

• Live Frontend (Netlify): https://vabtut.netlify.app/
• Backend: Supabase (public API endpoints)

---

🙌 Made with passion by Team Hells_chain

Let knowledge flow freely – peer to peer 🌟