Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to ensure a fully functional experience with easy navigation between pages. It focuses on providing a clean, minimalist interface that eliminates dead links and non-functional pages, enhancing user satisfaction and accessibility.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts, log in, and manage their profiles securely.
2. **Dynamic Navigation**: Ensure seamless transitions between pages with a consistent and intuitive navigation bar.
3. **Content Management**: Users can manage their content easily, ensuring no dead links and all pages are functional.
4. **Feedback System**: Users can report any issues with navigation or dead links directly within the app.
5. **Responsive Design**: A mobile-friendly layout that adjusts seamlessly to different screen sizes for optimal usability.
6. **Search Functionality**: Allow users to quickly find specific content or pages within the app.

## 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**: A single-column layout for the main content with a top navigation bar, ensuring easy access to all features and responsive adjustments for different devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Context API for managing authentication state and navigation.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create Navigation Bar**: Build a top navigation component that links to all primary features of the app.
4. **Implement Authentication**: Set up user authentication with secure login and registration forms.
5. **Develop Core Features**: Create components for content management, feedback, and search functionality.
6. **Ensure Navigation Consistency**: Implement routing between pages using React Router, ensuring no dead links.
7. **Test Functionality**: Thoroughly test the application for dead links and navigation issues; make necessary adjustments.
8. **Optimize for Responsiveness**: Use Tailwind CSS to ensure the app looks good on all devices.

## USER EXPERIENCE
Users will experience a straightforward, intuitive interface that allows them to navigate easily between different sections of the application. The feedback system will encourage users to report any issues, ensuring continuous improvement and maintenance of functional links and pages. The responsive design ensures that users on all devices can access the application seamlessly, enhancing overall satisfaction.