"Spotify for Learning" - An endless stream of short, high-quality AI-generated audio tutorials tailored to your interests and understanding level.
🎧 Live Demo: https://learnify.swiftace.org
Learnify transforms any topic into bite-sized, engaging audio lessons (3-5 minutes each) using AI. Whether you're learning quantum physics or cooking techniques, Learnify adapts to your knowledge level and delivers personalized content you can listen to anywhere.
- 🎯 Adaptive Learning: Choose from Simple (ELI5), Normal (High School), or Advanced (PhD/Researcher) difficulty levels
- 🤖 AI-Generated Content: Powered by OpenAI GPT-4 for lesson planning and content generation
- 🎵 Text-to-Speech: High-quality audio synthesis using Resemble AI
- 📱 Mobile-First Design: Optimized for learning on the go
- 🔗 Seamless Flow: From topic selection to audio playback in seconds
- 📖 Visual Learning: Follow along with highlighted text as audio plays
- Enter a Topic: What do you want to learn about?
- Choose Your Level: Pick the complexity that matches your background
- AI Generates Plan: Get a personalized curriculum of 10-15 short lessons
- Listen & Learn: High-quality audio with synchronized text highlighting
- Frontend: Next.js 15 with App Router, TypeScript, Tailwind CSS
- UI Components: shadcn/ui with Lucide React icons
- AI Integration: OpenAI GPT-4 for content generation
- Audio: Resemble AI for text-to-speech synthesis
- Deployment: Vercel
- Clone the repository:
git clone https://github.com/aakashns/learnify.git
cd learnify- Install dependencies:
npm install- Set up environment variables:
cp .env.example .env.local
# Add your OpenAI API key and other required variables- Run the development server:
npm run dev- Open http://localhost:3000 in your browser
Create a .env.local file with:
OPENAI_API_KEY=your_openai_api_key_here
RESEMBLE_API_KEY=your_resemble_api_key_here
learnify/
├── app/
│ ├── page.tsx # Main app with screen navigation
│ ├── layout.tsx # Root layout
│ └── api/ # API routes
├── components/
│ ├── TopicSelection.tsx # Topic input screen
│ ├── DepthSelection.tsx # Learning depth selection
│ ├── LessonPlan.tsx # Generated lesson display
│ ├── LessonContent.tsx # Audio playback screen
│ └── AudioPlayer.tsx # Audio controls
├── lib/
│ └── openai.ts # OpenAI integration
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Built with Next.js
- Powered by OpenAI
- Audio synthesis by Resemble AI
- UI components from shadcn/ui