## Project Story: 011 Study
### Inspiration
> “What if learning could adapt to _you_, instead of the other way around?”
During my own struggle mastering complex topics—from building face‑detection AIs to preparing for competitive exams—I realized that one‑size‑fits‑all courses often leave learners behind. I wanted a platform that truly listens, learns your style, and adjusts in real time. That spark led to **011 Study**, where an AI tutor chats with you, crafts a custom curriculum, and guides you every step of the way.
### What I Learned
- **AI Integration**: How to orchestrate multiple AI services—Google Gemini for content, Unsplash for imagery, and Google TTS for natural voiceovers—into a seamless workflow.
- **Real‑Time UX**: Building a responsive, chat‑first interface with React, Tailwind CSS, and Bolt.new’s WebContainers taught me to think in conversational interactions.
- **Scalable Data Models**: Designing a Supabase schema for courses, sessions, lectures, quizzes, progress tracking, and certificates sharpened my database design skills.
### How I Built It
1. **Scaffold & UI**
- Used **Bolt.new** to generate a React + Tailwind CSS project and deployed to Netlify in minutes.
- Crafted a dark, futuristic home page with a glowing chat box prompt: “What do you want to learn today?”
2. **Authentication & Subscriptions**
- Integrated **Supabase** for email/password auth and user profiles.
- Enabled free vs. paid access (2 lessons free, full course via **RevenueCat**).
3. **AI‑Powered Course Engine**
- Called **Gemini** to generate outlines, scripts, and quizzes.
- Fetched royalty‑free images from **Unsplash**.
- Synthesized voiceovers with **Google TTS**, synced slides with a custom React player.
4. **Admin & Analytics**
- Built an Admin Dashboard to manage users, monitor API usage, and regenerate courses on demand.
### Challenges Faced
- **Latency & Quotas**: Balancing AI response times and free‑tier limits required queuing strategies and fallback prompts to keep the user experience snappy.
- **Responsive Layouts**: Ensuring the course player, transcripts, and session list adapt seamlessly from desktop to mobile demanded careful use of Tailwind’s utilities and custom hooks.
- **Adaptive Learning Logic**: Crafting dynamic remediation—where the AI recalibrates future lessons based on quiz performance—took multiple iterations of prompt engineering and user testing.
---
**011 Study** is more than a platform—it’s a personalized learning companion that grows with you. I can’t wait for learners around the world to experience truly adaptive, AI‑driven education!
Log in or sign up for Devpost to join the conversation.