Shayog AI - Web Application

Shayog AI - Web Application Development # **Project Requirement Document: Shayog AI** **Goal:** Build a modern, interactive, and fully functional web application for learners to discover, compare, and plan their career learning journey. --- ## **Core Requirements** ### 1. Homepage * Very modern, attractive, and authoritative design. * Strong **CTA (Call-to-Action)**: “Get Started” → leads to form. * Messaging should clearly explain: * Users can **compare different courses**. * Get **personalized course recommendations**. * Receive a **clear career roadmap** based on their budget, education, time, finance, career goals, skills, and experience. * Should include animations, smooth transitions, and floating buttons. --- ### 2. Interactive Form * Multi-step animated form (progress bar, smooth transitions). * User answers questions like: * Budget * Time availability * Education background * Current work experience * Future dream role/goal * Skills * Must feel engaging and fun to fill. * On submission → feed data into backend for recommendation engine. --- ### 3. Database & Lead Management * Store all user data and form responses in a **secure database**. * Track user engagement and actions. * Admin should be able to access/export leads. --- ### 4. Web Scraping & Course Data * Build a **scraping system** that continuously gathers data from the internet. * Platforms to scrape (initially): * **Data Analytics**: Coding Ninjas, Scaler, Guvi, BossCoder, UpGrad, GreatLearning, Simplilearn, Udemy, Coursera, YouTube, Blogs. * **Fullstack Development**: Same platforms. * **Product Management**. * **MBA/[login to view URL]**: UpGrad, CollegeDunia, CollegeDekho, Google results. * Data to scrape: * Program details * Fees * Duration * Reviews (Google, Reddit, etc.) --- ### 5. Features for Users * **Compare different courses** side by side. * **Leave feedback/reviews** for courses (only after signup). * **Personalized roadmap generator**: * Based on their form data → show step-by-step roadmap to reach their goal. * **Premium Feature**: * Pay **₹1500 one-time** to book a **1:1 video consultation** with an expert. * Includes curated free resources + mentorship guidance. --- ### 6. Dashboard (Admin Panel) * View/manage: * User details & leads * Engagement data * Payments (for premium sessions) * Website performance reports * Control and update course data if required. --- ## **Tech & Design Requirements** * **Frontend**: Modern, clean, mobile-friendly UI (HTML, CSS, JS, Bootstrap/React if possible). * **Backend**: Secure + scalable (Node.js, Python, or any suitable framework). * **Database**: MySQL/PostgreSQL/MongoDB. * **Payment Integration**: Razorpay/Stripe for premium fee. * **Web Scraping**: Python-based scrapers to fetch/update course data. * **Design Theme**: Black + Dark Orange (modern, futuristic look). --- ## **User Flow** 1. Visitor lands on homepage → sees **clear CTA**. 2. Clicks “Get Started” → fills **interactive multi-step form**. 3. System generates: * Personalized roadmap. * Recommended courses. * Option to compare courses. 4. User can: * Sign up → leave reviews. * Pay ₹1500 → book expert session. 5. Admin monitors everything in dashboard. --- ## **Deliverables** * Fully functional **website (frontend + backend + database)**. * Integrated **form, scraping system, and recommendation engine**. * **Admin dashboard** with controls. * Payment integration for premium service. * Smooth, modern, and responsive UI with animations.

Project ID: 39720636