Hasslefree

We built a full-stack AI-assisted voice automation system not to replace teachers, but to give them back time, attention, and emotional bandwidth.

Comment

Inspiration

Singapore's preschool teachers spend up to 40% of their time on administrative tasks instead of teaching. We witnessed firsthand how documentation burden affects educator wellbeing and student interaction quality. Smart Preschool AI was born from a simple question: What if teachers could speak their thoughts and AI handled the paperwork?

What it does

Smart Preschool AI is a voice-powered documentation platform featuring five core modules:

  • Incident Reporting: Voice-to-report with multi-language parent communications
  • Lesson Planning: AI-generated weekly plans aligned with ECDA standards
  • Lesson Evaluation: Reflection tools with NEL framework alignment
  • Student Portfolio: Developmental milestone tracking with AI insights
  • Supervisor Dashboard: Real-time analytics for preschool operations

Teachers speak, AI structures, administrators monitor—all in one seamless workflow.

How we built it

  • Frontend: Next.js 14, React, TypeScript, Tailwind CSS
  • Backend: Supabase (PostgreSQL), Edge Functions for AI processing
  • AI Integration: Speech-to-text (Speechmatics), OpenAI/Claude for content generation
  • Voice Processing: MediaRecorder API for audio capture
  • Design System: Consistent rounded-3xl cards, gradient theming, responsive layouts

We divided responsibilities: frontend developer focused on UI/UX, backend developer built APIs and database schema, collaborating through detailed API documentation.

Challenges we ran into

  • Voice recording reliability: Browser compatibility issues with MediaRecorder API required fallback implementations
  • API coordination: Synchronizing frontend expectations with backend Edge Function outputs
  • Real-time transcription: Balancing accuracy with speed for multi-language support
  • Design consistency: Maintaining cohesive styling across 5 different feature pages while allowing distinct color themes

Accomplishments that we're proud of

  • Built a complete production-ready platform in 48 hours
  • Successfully integrated voice AI for 4 languages (English, Chinese, Malay, Tamil)
  • Created ECDA-aligned AI outputs that meet Singapore's early childhood education standards
  • Achieved seamless frontend-backend integration with comprehensive API documentation
  • Designed an intuitive interface that requires minimal teacher training

What we learned

  • Full-stack collaboration: Clear API contracts are essential for parallel development
  • AI prompt engineering: Structuring prompts to generate education-compliant outputs
  • Voice UX design: Creating intuitive voice recording flows that feel natural
  • Accessibility: Building for diverse users (teachers, supervisors, multilingual parents)
  • Time management: Prioritizing MVP features while maintaining code quality

What's next for Hasslefree

  • Pilot program: Deploy in 3 Singapore preschools for real-world testing
  • Advanced AI features: Predictive analytics for student development trends
  • Mobile app: Native iOS/Android for on-the-go documentation
  • Integration: Connect with existing preschool management systems
  • Expansion: Scale to support childcare centers and kindergartens across ASEAN

Built With

  • anthropic-claude
  • edge-functions
  • lucide-react
  • mediarecorder-api
  • next.js
  • openai-api
  • postgresql
  • react
  • speechmatics-api
  • supabase
  • tailwind-css
  • typescript
Share this project:

Updates