SaaS · Web App · EdTech · 2025
SyntheSMS — School Management System SaaS
Multi-tenant school ERP unifying admissions, attendance, online exams, fee automation, results and parent engagement — with four dedicated role portals (admin, teacher, student, parent) and an installable PWA.
- Role portals
- 4
- Vertical slices
- 5
- Build time
- 4 wks
- Install target
- PWA
- Client
- SyntheStudio (portfolio demo)
- Year
- 2025
- Timeline
- 4 weeks
- Categories
- SaaSWeb AppEdTech
- Role
- Founding Full-Stack Developer
- Services
- Product architectureFull-stack developmentUX designSEO & schema
- Stack
- ReactTypeScriptViteTailwindCSSshadcn/uiReact RouterTanStack QueryZodRechartsSupabasePWA
The challenge
Schools juggle admissions, attendance, exams, fees and parent comms across disconnected tools. The demo had to prove a single ERP could serve four very different audiences — admins, teachers, students, parents — without becoming a bloated dashboard nobody wants to open on a phone.
My approach
Modeled each audience as an isolated portal with route-level authorization and a shared design system, then built end-to-end vertical slices: admissions → attendance → online exam with auto-grading → fee invoice → parent notification. Everything ships as an installable PWA so it works on any Android or iOS device without an App Store.
Key features
- Four role portals (admin, teacher, student, parent)
- Online exams with MCQ + subjective, timers, autosave, auto-grading
- Fee automation with invoices, online payments and reminders
- Attendance management with class + student views
- Result analytics and teacher performance tracking
- Multi-tenant white-label branding
- Installable PWA — no App Store required
- AI assistant for admin workflows
Technical decisions
Role-first architecture
Four isolated portals (admin/teacher/student/parent) with route-level authorization instead of one shared dashboard — keeps each audience focused and the codebase easy to reason about.
PWA over native
Shipped as an installable Progressive Web App so schools deploy on any device without App Store review cycles or per-platform builds.
Supabase + TanStack Query
Supabase for auth, row-level security and multi-tenant data; TanStack Query for cache + optimistic UI on attendance, exams and fees.
Schema-first SEO
Landing page ships Organization, SoftwareApplication, WebSite and FAQ JSON-LD out of the box so the marketing site is indexable from day one.
Outcome
A fully navigable multi-tenant demo used as an Upwork work sample: four role portals, online MCQ + subjective exams with auto-grading, fee automation with online payments, attendance and results analytics, and a white-label PWA shell — all behind a single sign-in.