Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application with a clean, minimalist design that utilizes JavaScript for both frontend and backend development. The application will focus on a streamlined user experience, emphasizing simplicity and ease of use, making it ideal for users seeking an effective platform without unnecessary complexity.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts, log in, and manage their profiles securely.
2. **Dashboard**: A clean, user-friendly dashboard that displays key information at a glance.
3. **CRUD Operations**: Enable users to create, read, update, and delete data entries seamlessly.
4. **Responsive Design**: Ensure the application is fully responsive, providing a smooth experience on both desktop and mobile devices.
5. **Contact Form**: A simple contact form to facilitate user inquiries and feedback.

## 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-page layout with a header, main content area for the dashboard and features, and a footer. The header will include navigation links, while the main area will dynamically display content based on user interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (optional based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and necessary dependencies.
2. **Create Components**: Develop reusable components for the header, footer, dashboard, and form elements using shadcn/ui.
3. **Implement Routing**: Set up React Router for navigation between different sections of the application.
4. **Build Authentication**: Integrate user authentication using JWT or a similar method to manage user sessions.
5. **CRUD Functionality**: Implement backend APIs using Node.js for creating, reading, updating, and deleting data entries.
6. **Styling**: Apply Tailwind CSS styles to ensure the application adheres to the minimalist design specifications.
7. **Testing**: Conduct thorough testing for both functionality and user experience across devices.

## USER EXPERIENCE
The application will provide a seamless user experience by simplifying navigation and interactions. Users will be greeted with a welcoming dashboard upon logging in, where they can easily access features, manage their data, and submit inquiries through the contact form. The responsive design will ensure that all functionalities are accessible on various devices, enhancing overall usability.