Back to Projects
Full Stack

Brainy

A modern, full-featured online tutoring marketplace and skill sharing platform built for visual excellence and role-based security.

Brainy

About This Project

Brainy is a comprehensive online tutoring marketplace designed to connect students with expert tutors. It features a robust role-based architecture with dedicated dashboards for Students, Tutors, and Administrators. The platform emphasizes visual excellence, snappy interactions, and secure data handling using modern web technologies.

Key Features

  • Modular Component Design: Leveraging Next.js 16 App Router with Parallel Routes for sophisticated role-based dashboard rendering.
  • Dynamic Tutor Marketplace: Advanced filtering by subject categories and verified tutor discovery with detailed profile views.
  • Comprehensive Booking System: Date- and time-slot-based session booking with real-time availability tracking and form validation.
  • Role-Based Dashboards: Custom-tailored workspaces for Students (bookings), Tutors (analytics & earnings), and Admins (platform oversight).
  • Analytics & Visualizations: Real-time revenue tracking and performance metrics for tutors using Recharts-driven visualizations.
  • Administrative Console: Global management of users, tutors, categories, and platform-wide booking auditing.
  • Strict Security Architecture: Session-based authentication with Better Auth and server-side cookie forwarding to prevent client-side token exposure.

Challenges Faced

  • Architecting Parallel Routes: Implementing a clean and scalable dashboard structure that dynamically switches based on user role.
  • Secure API Integration: Encapsulating API calls in a server-side service layer with native fetch and secure cookie propagation.
  • Complex State Management: Coordinating booking workflows and real-time status updates across different user tiers.

Future Improvements

  • Integrate a real-time messaging system for direct student-tutor communication.
  • Implement an AI-powered tutor matching system based on student learning goals.
  • Add support for group sessions and interactive whiteboard integration.

Want to know more?

Dive into the full project overview with detailed features, pages overview, json data structure and installation steps here:

View Project Readme.md

Tech Stack

Next.js 16Tailwind CSS 4Shadcn/UITypeScript 5Better AuthFramer MotionTanStack TableRechartsZodReact Hook FormLottie

Project Links