Class Match is a full-stack study-group platform built for UMass students. It helps users add classes, connect with classmates, join real-time chats, and organize study groups in one place. The interface was designed to support both desktop and mobile-friendly use across key workflows.
Tip: Click any image to expand it for a closer view.
| Sign Up | Login | Onboarding |
|
|
|
| Dashboard | Study Groups | Chat |
|
|
|
The goal of Class Match was to make it easier for students to find peers in their courses and build more organized study communities. The platform supports class-based matching, live chat, study-group creation, and schedule-related workflows to reduce friction when connecting with other students academically.
- Course-based student matching
- Real-time class and study-group chat
- Study-group creation and scheduling
- Add and remove enrolled classes
- Schedule import support
- Authentication and protected routes
- Mobile-friendly interface
- Backend API documentation through Swagger UI
Frontend
- Next.js
- Tailwind CSS
Backend
- Node.js
- Express.js
Database / Auth
- Supabase
- PostgreSQL
Deployment / Tooling
- Vercel
- AWS
- Git
- GitHub
- Postman
- Swagger UI
Tip: Click any image to expand it for a closer view.
| Architecture Diagram | UI Diagram | ER Diagram |
|
|
|
Some of the main engineering challenges included:
- Implementing real-time messaging with WebSockets
- Integrating frontend and backend endpoints across multiple features
- Supporting ICS schedule import functionality
- Preventing duplicate class enrollment
- Managing database load considerations for live chat writes
The application was tested using Postman for backend API validation and manual frontend testing for key user flows and edge cases. Feature validation was also included as part of the pull request review process.
Consult the frontend README for required dependencies, environment variables, and local setup instructions.