Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a minimalist interface designed to allow users to quickly view their most recent orders. It focuses on simplicity and user experience, making it easy for users to access their order details without unnecessary distractions.

## CORE FEATURES
1. **Order Summary**: Users can view a summary of their most recent order, including items, total cost, and order status.
2. **Order History**: A section that allows users to browse their past orders with dates and brief details.
3. **Profile Management**: Users can manage their account settings, including updating personal information and payment methods.
4. **Notifications**: Users receive updates on order statuses through notifications, enhancing engagement and user experience.
5. **Support Contact**: A quick link or chat option for users to reach out for support regarding their orders.

## 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 features a header with the app title, a central content area displaying the order summary, and a side panel for navigation to order history and profile management.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Folder Structure**: Organize components, pages, and styles directories for maintainability.
3. **Implement Routing**: Set up React Router for navigation between the order summary, history, and profile management pages.
4. **Build Components**: Develop individual components for the order summary, order history, profile management, and notifications using shadcn/ui.
5. **State Management**: Implement state management to handle user data and order information, leveraging the Context API or Redux.
6. **Styling**: Apply Tailwind CSS classes to maintain the minimalist design and ensure responsiveness across devices.
7. **Test Functionality**: Run thorough testing on all features to ensure they work as expected and provide a seamless user experience.

## USER EXPERIENCE
Users will interact with a streamlined interface, starting from the order summary page. They will easily navigate to their order history or profile settings with intuitive buttons and links. The minimalist design ensures that users can focus on the information they need without distractions. Notifications will keep users informed about their orders, enhancing their engagement with the application.