Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to facilitate the opening of a digital account with a focus on simplicity and user experience. It aims to provide users with an intuitive interface to manage their account-related tasks efficiently.

## CORE FEATURES
1. **Account Registration**: Users can easily create a new account by providing necessary personal information in a streamlined form.
2. **Account Dashboard**: A user-friendly dashboard that displays account details, transaction history, and key metrics at a glance.
3. **Secure Authentication**: Implementation of secure login and logout functionality to protect user data.
4. **Profile Management**: Users can update their personal information, change passwords, and manage security settings.
5. **Transaction Management**: A feature that allows users to view, filter, and download their transaction history.
6. **Customer Support Chat**: Integrated chat support for users to get help with account-related queries in real-time.

## 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 consist of a top navigation bar, a central dashboard area for displaying content, and a footer with additional links. The dashboard will have a card-based design for various user features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (if complex state management is needed)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Routing**: Set up React Router for navigating between the main pages of the application.
4. **Build Components**: Develop core components such as Header, Footer, Dashboard, and Forms for account registration and profile management.
5. **Implement Authentication**: Set up secure authentication with JWT (JSON Web Tokens) for login/logout functionality.
6. **State Management**: Use React Context API to manage user authentication state and other global states.
7. **Design Implementation**: Apply Tailwind CSS classes to ensure the design specifications are met, focusing on responsiveness.
8. **Testing**: Test the application for functionality, user flows, and responsiveness on different devices.
9. **Deployment**: Deploy the application using Vercel or Netlify for easy access and maintenance.

## USER EXPERIENCE
Users will encounter a seamless experience starting from account registration through a simple form, allowing them to quickly create an account. Once logged in, the dashboard will present an overview of their account and transactions in a visually clear manner. Navigation will be intuitive, with a responsive design ensuring usability across devices. Users will also have access to a customer support chat, enhancing their overall experience with prompt assistance.