polar-learning

byRamya

## Prompt: Personalized Learning Path Generator Web Application Create a full-stack, modern web application called **“Personalized Learning Path Generator”** with an attractive UI, smooth animations, and a user-friendly experience. --- ### 1. Home / Welcome Page * Design a visually appealing landing page * Include: * Project title * Short description about the platform * Sections like About, Features, and How it Works * A prominent **“Get Started”** button * Use modern UI styles (gradients, glassmorphism, animations) --- ### 2. User Authentication * Create: * Login Page * Registration Page * Fields: * Name, Email, Password * Add validation and error handling * After login, redirect user to preference setup page --- ### 3. User Preference Collection Page Collect user learning preferences step-by-step: 1. **What do you want to learn? (Select ONLY ONE option)** * Python * Web Development * Frontend * Backend * Technical Skills 2. **Purpose of Learning (Select ONLY ONE option)** * Job preparation * Skill development * Building projects * Academic learning 3. **Current Level (Select ONLY ONE option)** * Beginner * Intermediate * Advanced * Use radio buttons or single-select cards (strictly one selection only) * Add smooth transitions between steps --- ### 4. Learning Path Generation * Based on user preferences, generate a **personalized learning path** * Structure: * Chapters → Topics → Subtopics * Each topic should include: * YouTube video links * Courses * Articles * Notes / PDF resources --- ### 5. Automatic Progress Tracking System * Progress should be tracked **automatically by the system (NOT manually by user)** Track user activity: * Detect when: * A video is watched (track watch percentage) * A course is completed * An article or notes are opened/read (time-based tracking) Features: * Automatically mark topic as completed when: * Required video watch % is reached OR * Resource interaction meets completion criteria * Show progress bar (% completion) * Automatically unlock next chapter after completion of previous one --- ### 6. Performance Dashboard Display: * Total time spent learning (in hours) * Remaining time to complete learning path * Completed topics count * Progress charts (graphs) Include chatbot-style summary: * Example: “You studied 3 hours today. 5 hours remaining to complete this module.” --- ### 7. Feedback System * Allow users to: * Rate resources * Provide feedback on learning path * Store all feedback in database --- ### 8. Admin Panel (Secure) * Secure admin login system * Admin functionalities: * Add / Edit / Delete courses * Manage learning paths * View user data and progress * Manage feedback --- ### 9. UI/UX Requirements * Use: * Modern design (cards, gradients, glassmorphism) * Smooth animations (page transitions, hover effects) * Fully responsive design (mobile + desktop) * Ensure clean and visually attractive interface --- ### 10. Tech Stack (Recommended) * Frontend: React.js + Tailwind CSS * Backend: Node.js (Express) or Flask * Database: MongoDB or MySQL --- ### 11. Extra Features * Light / Dark mode toggle * Notifications and reminders * Downloadable learning report * Certificate generation after completion --- ### Expected Output * Fully functional web application * Clean and structured code * Exportable project (ZIP file) * Ready-to-run setup instructions