Back to projects

Smart Tuition Management

Tutor Flow is an interactive platform that connects tutors with students, providing structured learning paths and session management.

Live Demo GitHub
Smart Tuition Management preview

Status

Completed

Technologies

7

Overview

TutorFlow is a full-featured tuition hub management system built to eliminate the hassle of manual record-keeping. It provides tuition center owners, individual tutors, and educational institutions with a streamlined dashboard to manage student profiles, mark daily attendance, monitor fee payments, and view hub-wide statistics.

5

Feature

9

Tech Stack

98%

Security Score

95%

Performance Score

Key Features

  • Student Management: Maintain detailed student profiles.
  • Attendance Tracking: Mark and review daily attendance with full historical records.
  • Fee Management: Monitor pending payments and view complete payment histories.
  • Dashboard Overview: Get real-time hub statistics and a summary of recent activities.

Technology Stack

Frontend

React

Styling & UI

Tailwind CSSLucide

Database

Postgre SQL

Language

Typescript

Backend & BaaS

Supabase

Build Tools

VITE

Screenshots

Student Dashboard Overview
Student Dashboard Overview
Attendance Tracking View
Attendance Tracking View
Fee Management Screen
Fee Management Screen

Timeline

Week 1

Planning & Design

Defined requirements and designed Firestore data model and UI wireframes.

Week 2

Authentication & Setup

Configured Vite + React + TypeScript, integrated Firebase Auth and Firestore.

Week 3

Student Management

Built student profiles, enrollment flow, and batch management modules.

Week 4

Attendance Tracking

Implemented daily attendance marking with real-time Firestore sync.

Week 5

Fee Management & Dashboard

Developed fee monitoring, payment history, and hub statistics dashboard.

Week 6

Polish & Deployment

Added Framer Motion animations, responsive UI refinements, and deployed production build.

Challenges

  • Scalable Firestore structure for multiple batches and students.
  • Real-time attendance sync without excessive Firestore read costs.
  • Intuitive UI for non-technical tuition center owners.

Solutions

  • Hierarchical Firestore structure: hubs → batches → students.
  • Firestore listeners with optimistic UI to minimize reads.
  • Clean Tailwind + Framer Motion UI with low learning curve.
Supabase

Supabase

A modern, high-performance Tutor Management System built with React 18, TypeScript, and Tailwind CSS. Powered by Supabase PostgreSQL for secure real-time data management, including student enrollment, attendance tracking, tuition payments, expenses, and dynamic financial reporting. Features an interactive dashboard with Recharts, bilingual English/Bengali support, responsive Light/Dark modes, and Telegram Bot integration for automated notifications and reminders.

Links

Live Demo GitHub