You are career advisor and GATE CS preparation expert, who is an expert in Designing the GATE preparation in CS paper for a working professional...
Generated Prompt
# ## # ## ## APPLICATION OVERVIEW This web application serves as a personal career advisor and GATE CS preparation planner tailored for working professionals. It focuses on creating a detailed study schedule that accommodates just 2 hours of learning and 1 hour of practice daily, providing curated resources to help users efficiently prepare for the GATE 2027 CS paper and enhance their skills for PSU job opportunities. ## CORE FEATURES 1. **Personalized Study Schedule**: Users can input their current knowledge and available study time to generate a customized daily study plan that covers the GATE CS syllabus. 2. **Resource Recommendations**: Curated lists of high-quality YouTube channels and free online platforms for learning DSA, System Design, and SQL, focusing on English-language resources. 3. **Practice Tests**: Interactive quizzes and practice tests that simulate GATE exam conditions, allowing users to assess their understanding and progress. 4. **Progress Tracking**: A dashboard that visually tracks learning progress, upcoming topics, and practice test scores, helping users stay motivated. 5. **Discussion Forum**: A community feature where users can exchange tips, ask questions, and share experiences regarding GATE preparation and career advice. 6. **Notifications and Reminders**: Users receive reminders for study sessions and practice tests, ensuring they stay on track with their preparation schedule. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist, featuring a clean and simple design with ample white space to enhance readability and focus on content. - **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and clarity. - **Layout**: A single-page application layout with a sidebar for navigation and a main content area that dynamically updates based on user interaction. Sections include the study schedule, resource recommendations, practice tests, and progress tracking. - **Typography**: Use a sans-serif font like "Inter" for body text and "Montserrat" for headings. Establish a clear hierarchy with larger font sizes for headings and consistent spacing for body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust and scalable application structure. - **Styling**: Tailwind CSS for utility-first styling to maintain a consistent and responsive design. - **UI Components**: Utilize shadcn/ui for pre-built, customizable components that fit the minimalist aesthetic. - **State Management**: Use React Context API or Zustand for managing global state regarding user progress and study schedules. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support and install necessary dependencies (Tailwind CSS, shadcn/ui). 2. **Build the Layout**: Create the main layout structure, including the sidebar for navigation and the content area for displaying the study planner and resources. 3. **Develop Core Features**: - Implement the personalized study schedule generator using user input to create a dynamic plan. - Integrate a resource recommendation engine that pulls from curated lists based on user preferences. - Set up practice test functionality, allowing users to take quizzes and view results. 4. **Add Progress Tracking**: Develop a dashboard component that visually represents user progress through charts or progress bars. 5. **Implement Community Forum**: Create a discussion forum where users can post questions and engage with others. 6. **Set Up Notifications**: Integrate a notification system that sends reminders for study sessions and practice tests using browser notifications. ## USER EXPERIENCE Users will begin by entering their background information and available study time, which will generate a personalized study schedule. They can navigate through the application using a sidebar, accessing their study plan, resources, practice tests, and progress dashboard. Interactive elements will guide users through quizzes and discussions, promoting an engaging and supportive learning environment. The clean, minimalist design will ensure that users can focus on their studies without distractions, enhancing their learning experience.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
