← All projects
Project

Philopor Edu

A tutoring platform where curious kids meet kind teachers — built to feel like home, not a classroom.

Tech stack

AstroTypeScriptCSS

Highlights

  • Teacher marketplace with profiles, reviews, and session booking
  • Parent and teacher dashboards for progress tracking
  • Playful design that kids actually enjoy

Most tutoring platforms feel like spreadsheets with a login button. Philopor Edu was supposed to feel different — like a place where kids actually want to learn.

The idea

Two co-founders came to me with a simple vision: a tutoring home where parents book sessions, kids learn at their own pace, and progress feels like a story you read together. Not a grade book. Not a progress bar. A story.

The challenge was making that vision real in the interface. Everything had to feel warm, approachable, and human — while still being a functional platform that handles scheduling, payments, and teacher management.

What I built

An Astro-based site with a custom design system built entirely in CSS. No frameworks, no component libraries — just careful typography (Caveat for that handwritten feel, Fredoka and Nunito for warmth), a cream-and-teal palette, and hand-drawn illustrations that make the whole thing feel like a children’s book.

The platform supports two distinct experiences:

  • For parents — browse teachers, read reviews, book sessions, track progress through friendly report cards
  • For teachers — manage sessions, create syllabi, send progress updates, build learning resources

The small details

The best part of this project was obsessing over the small things. The way testimonials scroll in a carousel. The way the “How it works” section uses numbered steps with playful illustrations. The way the FAQ feels like a conversation, not a knowledge base.

Every interaction was designed to answer one question: would a parent trust this with their child’s education?

What I learned

Designing for children’s education forces you to rethink every assumption about “professional” design. Corporate polish gets in the way of trust here. Warmth beats precision. Personality beats perfection.