Hai Mentor

About the Project

Hai Mentor is a mentorship and resource management platform designed to streamline mentor-mentee interactions, session bookings, and document/resource sharing. It is tailored to students looking for guidance about PG/UG - CET/NEET admissions.

Tech Stack

  • Frontend: React, TypeScript, Vite
  • UI Library: shadcn/ui
  • Authentication & Database: Supabase (auth, real-time database, storage)
  • State Management: React Context, hooks
  • Notifications: Toasts for user feedback
  • Other: DataTable (for advanced table features), File upload/download

Development Timeline

  • Total Time: ~1 month
  • Last Update: 2025-06-29

Key Features

  • Mentor/mentee authentication (Supabase Auth)
  • Document management (upload, download, delete, privacy notices)
  • Session booking system (“SlotBookPage” — book, edit, delete slots)
  • Plan assignment and tracking (with advanced filtering)
  • Enhanced DataTable with sorting, filtering, visibility, and pagination
  • Helpful user feedback via toast notifications
  • Row-level security error handling
  • File upload validation (max 5 files)
  • Privacy and resource sharing notices

Challenges Faced

  • Integrating Supabase Auth: Handling edge cases around authentication and user sessions.
  • Securing File Uploads: Implementing row-level security and user-specific access to uploaded documents.
  • Advanced Table Features: Refactoring table components to support sorting, filtering, column visibility, and pagination.
  • Error Handling: Providing actionable feedback for users, especially on file upload failures and booking conflicts.
  • UX Consistency: Ensuring a unified experience across shadcn/ui components and custom flows.

What I Learned

  • Deep dive into Supabase for full-stack React apps (auth, permissions, storage).
  • UI/UX considerations when building with shadcn/ui.
  • Real-world error handling and user feedback strategies.
  • The importance of iterative commits and modular feature development.