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

LandingAdminLoginLoginRegister
Landing

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

Landing design preview
Landing: View Info
AdminLogin: Sign In
AdminDashboard: View Overview
Resources: Add Resource
Resources: Edit Resource
Resources: Delete Resource
LearningPaths: Manage Paths
LearningPaths: Edit Path
Users: View Users
Users: View Progress
Feedback: View Feedback
Feedback: Manage Feedback