StoryLearnRev1

Home Page

Inspiration

As an ESL student, I was always drowning in written content, determined to decode everything. That constant struggle made me think: why does learning English have to be such a pain? So I came up with this idea: stories with quizzes built right in. You read something, then you can actually test yourself to see if you got it. And there's flashcards too for all those words you don't know yet. Instead of feeling totally lost, you're actually learning step by step.

What it does

StoryLearnRev1 is a full-stack comprehensive English learning platform that combines interactive storytelling with vocabulary building through flashcards.

How we built it

For front-end: React 18 with TypeScript for type-safe, component-based architecture Tailwind CSS for responsive, utility-first styling with custom retro-themed design Vite as the build tool for fast development and optimized production builds Lucide React for consistent, beautiful icons throughout the interface

For Backend & Database: Supabase as the backend-as-a-service platform providing: PostgreSQL database with Row Level Security (RLS) Built-in authentication system

Challenges we ran into

These were the challenges I ran into while building with Bolt but in the end the app is promising: Creating a flexible schema that could handle different question types, user progress tracking, and spaced repetition algorithms while maintaining performance. Handling image loading, caching strategies, and ensuring smooth animations without impacting user experience.

Accomplishments that we're proud of

It's beautiful and easy to use! Nothing complex, nothing that hinders the learning process for learners and other than that I'm proud that I was able to complete the back-end development with Bolt.