Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app that functions as a replica of the myVicRoads app, allowing users to manage and edit their licenses. It features a user-friendly interface that emphasizes simplicity and efficiency, catering to users who want to access and modify their license details easily.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system for users to access their accounts and manage their licenses.
2. **License Management**: Users can view, edit, and update their license information, including personal details and document uploads.
3. **Notifications**: Alerts and reminders for license renewals, updates, or important changes regarding their license status.
4. **Profile Customization**: Users can customize their profiles with personal preferences and settings.
5. **Help & Support**: Access to a knowledge base and customer support for inquiries and assistance regarding licenses.
6. **Responsive Design**: A mobile-friendly interface that adapts seamlessly to different screen sizes for optimal user experience.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will feature a top navigation bar for easy access to different sections, a sidebar for additional navigation options, and a central content area for displaying license management features and user information. Each section will be clearly defined with ample white space to enhance readability and usability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API, if preferred)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui as dependencies.
2. **Design Layout**: Create the main layout with a top navigation bar and sidebar using Tailwind CSS for styling.
3. **Implement Authentication**: Set up user authentication using a secure method (e.g., JWT) and create login and registration components.
4. **Build License Management Module**: Develop the main feature for license management, where users can view and edit their information. Implement forms for editing and uploading documents.
5. **Add Notifications**: Integrate a notifications system to alert users about important updates related to their licenses.
6. **Create Help & Support Section**: Develop a knowledge base and support contact options for user inquiries.
7. **Testing**: Conduct thorough testing for user authentication, license management functionalities, and responsiveness across devices.
8. **Deploy**: Deploy the application on a cloud platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will navigate through a clean and intuitive interface, starting from the login page. Upon successful authentication, they will access their dashboard featuring an overview of their license status. The license management feature will allow for quick edits and updates, and notifications will keep users informed about any important actions needed. The responsive design ensures that the application is accessible on both desktop and mobile devices, providing a seamless experience regardless of the platform.