Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based platform designed to guide students in their career choices by analyzing their skills and resumes using AI technology. It provides personalized recommendations for career paths, identifies skill gaps, and generates tailored learning roadmaps, making it an invaluable resource for students looking to enhance their career prospects.

## CORE FEATURES
1. **Resume Parsing**: Utilizes NLP to extract key information including skills, education, and work experience from user-uploaded resumes.
2. **Skill Gap Analysis**: Compares user skills against the requirements of various roles, highlighting known and missing skills to inform users of their readiness for specific careers.
3. **Career Recommendation**: Offers tailored career suggestions based on the user's current skill set, employing a classification model for accurate role alignment.
4. **Learning Roadmap Generator**: Creates personalized timelines and learning paths from beginner to advanced levels based on user availability and career goals.
5. **User Dashboard**: A comprehensive overview where users can track their progress, view recommendations, and access resources.
6. **Skill Gap Results Page**: Displays detailed insights into skill gaps and personalized course suggestions to bridge those gaps.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasizes a clean, simple design with ample white space, allowing users to focus on content without distractions.
- **Color Mode**: Light theme featuring dark text on light backgrounds for optimal readability.
- **Layout**: 
  - **Header**: Fixed navigation bar with links to main sections (Home, Dashboard, Upload Resume, Learning Roadmap).
  - **Main Content**: Grid layout for the dashboard and results pages, ensuring clear information display.
  - **Footer**: Simple footer with contact information and links to privacy policy and terms of service.
- **Typography**: 
  - Headings: Use a bold sans-serif font (e.g., Helvetica or Roboto) for clear hierarchy.
  - Body text: A clean, legible serif font for improved readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and component management.
- **Styling**: Tailwind CSS for efficient and flexible styling.
- **UI Components**: Use shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Utilize React’s Context API or Redux for managing global state if needed.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React app with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create the folder structure**: Organize components, pages, and assets into relevant directories.
3. **Build the navigation bar**: Implement a responsive header with links to each section of the application.
4. **Develop the Resume Upload Page**: Create a form that allows users to upload their resumes and enter additional skills.
5. **Implement Resume Parsing**: Integrate NLP technology for extracting skills and experiences from uploaded resumes.
6. **Build the Skill Gap Analysis feature**: Develop logic to compare user skills with required skills for selected roles.
7. **Create the Learning Roadmap Generator**: Design functionality to generate personalized learning plans based on user input.
8. **Design the Dashboard and Results Pages**: Implement UI components that display user statistics, skill gaps, and recommendations.
9. **Test Responsiveness**: Ensure the application works seamlessly on various devices and screen sizes.
10. **Deploy the application**: Use platforms like Vercel or Netlify for hosting the web app.

## USER EXPERIENCE
Users will start by either logging in or registering on the platform. Upon entering their dashboard, they can upload their resume or manually input their skills. The AI will analyze their submissions, displaying results on the Skill Gap Results Page, which will highlight both known and missing skills. Users can then explore personalized career recommendations and learning roadmaps, allowing them to take actionable steps towards their career goals. The interface will feature intuitive navigation and a coherent layout to enhance the overall user experience.