Case study · Web Development

TutorConnect

A decentralized, zero-commission tutor marketplace that connects students and parents directly with local and online tutors.

Category
Web Development
Status
Personal
Stack
React, TypeScript, TanStack Router +8

Problem

Traditional tutoring platforms often act as intermediaries, making it difficult for students and parents to compare tutors and communicate directly without additional fees or restricted contact information. TutorConnect provides a transparent marketplace where tutors manage their own profiles, pricing, subjects, and availability while learners can discover and connect with tutors directly.

Architecture

A React single-page application uses TanStack Router for type-safe file-based routing and TanStack Query for server-state management, caching, and data synchronization. Supabase provides authentication, PostgreSQL database services, Row Level Security (RLS), and profile image storage. Protected routes and database policies enforce role-based access and ensure sensitive information, such as tutor contact details, is only revealed after an accepted connection request.

Key features

  • Interactive tutor search and discovery
  • Location, subject, grade, language, teaching-mode, budget, and rating filters
  • Detailed tutor profiles with qualifications, subjects, rates, and reviews
  • Role-based authentication for students, parents, tutors, and administrators
  • Connection request and acceptance workflow
  • Secure contact-detail unlocking after request approval
  • Student/parent dashboard with favorites and request tracking
  • Tutor dashboard for managing requests, availability, rates, and subjects
  • Admin panel for user management and tutor verification
  • PostgreSQL Row Level Security for data protection
  • Profile image management using Supabase Storage

My role

Designed and developed the full-stack application, including the React frontend, type-safe routing, server-state management, authentication flows, role-based dashboards, tutor discovery experience, connection request workflow, and Supabase database integration with PostgreSQL Row Level Security.

Impact

Demonstrates practical full-stack product development with role-based access control, secure database design, server-state management, authentication, and complex user workflows. The project showcases how a marketplace platform can combine a modern React architecture with Supabase and PostgreSQL security policies to support multiple user roles and controlled access to sensitive data.

Stack

ReactTypeScriptTanStack RouterTanStack QueryTailwind CSSshadcn/uiSupabasePostgreSQLRow Level SecuritySupabase AuthSupabase Storage
Next project
LibreChat – Contact Workspace Integration

Full-stack open-source contribution that enables AI-powered contact management and natural language search inside LibreChat.

← Back to all projects© 2026 Noureen AC