Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that provides both an admin panel and user panel, similar to the existing platform. The main purpose is to offer users a seamless experience while managing their accounts and accessing various features, while allowing administrators to control and oversee the application’s content and user activity.

## CORE FEATURES
1. **User Authentication**: Secure login and registration processes for users, including password recovery options.
2. **User Dashboard**: A personalized dashboard for users to view their profile, activity, and access features.
3. **Admin Panel**: A comprehensive admin panel to manage users, content, and application settings.
4. **Profile Management**: Users can update their personal information, change passwords, and manage their settings.
5. **Content Management**: Admins can create, edit, and delete content accessible to users.
6. **Analytics Dashboard**: Admins can view usage statistics and user engagement metrics.

## 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 layout will consist of a top navigation bar for both user and admin panels, a sidebar for navigation in the admin panel, and main content areas that adapt based on user roles.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for state management (specify based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install necessary dependencies (Tailwind CSS, Redux/Context API).
2. **Create Folder Structure**: Organize your project into folders for components, pages, and services.
3. **Implement Routing**: Set up React Router to handle navigation between user and admin panels.
4. **Build Authentication**: Implement user registration and login functionality using JWT for authentication.
5. **Design User Dashboard**: Create components for the user dashboard, ensuring it fetches and displays user-specific data.
6. **Develop Admin Panel**: Build the admin panel with components for managing users and content, ensuring role-based access.
7. **Integrate Analytics**: Develop an analytics dashboard that displays relevant metrics for admin users.
8. **Responsive Design**: Ensure the application is fully responsive and works well on various devices.

## USER EXPERIENCE
The application will guide users through the authentication process with clear calls-to-action. Users will have easy access to their dashboard with a clean interface that allows them to manage their profiles effortlessly. Admin users will have a robust panel with intuitive navigation for managing users and content, with quick access to analytics to monitor engagement and performance. The minimalist design will ensure that users can focus on their tasks without unnecessary distractions.