An AI-powered lesson planning assistant built with Next.js, Tailwind CSS, and Google's Gemini AI. Create, manage, and export professional lesson plans with ease.
Lesson Planner AI helps educators create comprehensive lesson plans using artificial intelligence. Simply input your topic, and the AI generates structured plans including learning objectives, materials needed, and detailed lesson flow.
- 🤖 AI-Powered Lesson Generation
- 🎨 Beautiful UI with Light/Dark Mode
- 📱 Responsive Design
- 💾 Local Storage for Saved Plans
- 📄 Export to PDF
- 🖨️ Print Support
- 🔐 Simple Authentication System
- Next.js 15 - React Framework
- Tailwind CSS - Styling
- Gemini AI - AI Model
- Radix UI - UI Components
- shadcn/ui - Component Library
- Next.js Tutorial - Learn Next.js from scratch
- Tailwind CSS Basics - Get started with Tailwind
- React Documentation - Learn React fundamentals
- Google Gemini AI Documentation - Learn about AI integration
- Radix UI Primitives - Advanced component usage
- Next.js Advanced Features - Deep dive into Next.js
- Node.js 18+
- npm or yarn
- Google Gemini API Key (Get it from Google AI Studio)
- Clone the repository:
git clone https://github.com/yourusername/lessonai.git
cd lessonai- Install dependencies:
npm install
# or
yarn install- Create a
.envfile:
NEXT_PUBLIC_GEMINI_API_KEY=your_api_key_here- Start development server:
npm run dev
# or
yarn devVisit http://localhost:3000 to see your app.
Username: abhiboostin
Password: abhiboostin123
-
Create a Plan
- Click "New Plan"
- Enter your lesson topic
- Let AI generate your plan
-
Manage Plans
- Save plans for later
- Edit generated plans
- Export to PDF
- Print directly
-
Customize
- Toggle dark/light mode
- Adjust plan formatting
- Modify AI suggestions
Contributions welcome! Please:
- Fork the repository
- Create a feature branch
- Submit a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Need help? Check out: