Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for managing rocket launches, providing users with a streamlined interface to schedule, track, and analyze upcoming launches. The app will cater to aerospace engineers, project managers, and enthusiasts, focusing on real-time data and ease of use.

## CORE FEATURES
1. **Launch Scheduler**: A calendar view to schedule and manage rocket launches, allowing users to set dates, times, and important milestones.
2. **Launch Details Dashboard**: A comprehensive dashboard displaying detailed information about each launch, including rocket specifications, mission objectives, and live countdown timers.
3. **Notification System**: Alerts and notifications for upcoming launches and important updates, sent via email or in-app notifications.
4. **Data Analytics**: Visualization tools to analyze past launches, including success rates, performance metrics, and timelines.
5. **User Profiles**: Authentication and personalized user profiles where users can save their favorite launches and customize notification preferences.
6. **Collaboration Tools**: Features for team collaboration, enabling users to share launch information and updates with colleagues and stakeholders.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a clean and simple aesthetic, emphasizing functionality and ease of navigation. Abundant white space will enhance readability and focus.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure clarity and accessibility.
- **Layout**: A single-page application layout with a top navigation bar for quick access to major sections (Scheduler, Dashboard, Notifications, Analytics, Profile). Each section should be easily accessible via smooth scrolling or navigation links.
- **Typography**: Use of sans-serif fonts like Roboto or Open Sans for a modern look, with a clear hierarchy (larger headings for section titles, medium for subheadings, and smaller for body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and better development experience.
- **Styling**: Tailwind CSS for utility-first styling, promoting quick design iterations and responsive layouts.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Use Zustand or React's Context API for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, Zustand, shadcn/ui).
2. **Create Project Structure**: Organize the project into components, pages, and services folders for better maintainability.
3. **Build Core Components**: Develop the main components for the Launch Scheduler, Dashboard, Notification System, and User Profiles with Tailwind CSS for styling.
4. **Implement Routing**: Use React Router for navigation between different sections of the application.
5. **Set Up State Management**: Configure Zustand or Context API for global state management, particularly for user authentication and launch data.
6. **Integrate Notification System**: Implement email and in-app notifications using a third-party service (e.g., Firebase, SendGrid).
7. **Data Visualization**: Utilize libraries like Chart.js or D3.js for implementing analytics features.
8. **Testing**: Conduct unit testing and integration testing to ensure all features work seamlessly.
9. **Deployment**: Deploy the application using platforms like Vercel or Netlify for easy access and scalability.

## USER EXPERIENCE
The application will offer an intuitive user interface, where users can easily navigate through different sections using a sticky navigation bar. The Launch Scheduler will provide a visual calendar that users can interact with to schedule launches, while the Dashboard will present a quick overview of upcoming launches and analytics. Users will receive real-time notifications about launch updates and can customize their profiles for a personalized experience. The overall design will ensure that users can access critical information quickly and efficiently, enhancing their overall experience with the application.