Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web platform designed for digital nomads seeking cafes to work from around the world. It will provide users with a curated list of cafes that are ideal for working, including essential information such as Wi-Fi quality, power availability, and user reviews. The goal is to create a minimalist and user-friendly experience that enables users to easily find their next work-friendly cafe.

## CORE FEATURES
1. **Cafe Listings**: A searchable and filterable list of cafes around the world, displaying key information such as location, amenities, and user ratings.
2. **User Reviews**: Users can submit and read reviews about their experiences at various cafes, helping others make informed choices.
3. **Favorites**: Users can save their favorite cafes for easy access in the future.
4. **Map Integration**: An interactive map to visualize cafe locations and get directions.
5. **User Profiles**: Basic user accounts for saving favorites and submitting reviews, enhancing user engagement.

## 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 responsive grid layout for the cafe listings, with a sidebar for filters and a top navigation bar for user account access.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Redux (if necessary).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create Core Components**: Develop core components such as Navbar, CafeCard, and ReviewForm.
3. **Integrate State Management**: Set up the Context API for global state management or configure Redux if necessary.
4. **Implement Routing**: Set up React Router for navigating between different views (cafes, user profile, etc.).
5. **Build Cafe Listings**: Create the cafe listings component that fetches data from an API or a local JSON file.
6. **Develop User Authentication**: Implement user registration and login functionalities (if necessary) to allow users to save favorites and submit reviews.
7. **Map Integration**: Integrate a mapping library (like Google Maps or Mapbox) to display cafe locations.
8. **Testing and QA**: Conduct thorough testing for responsiveness and user interactions.

## USER EXPERIENCE
The user experience will focus on simplicity and ease of navigation. Users will land on a clean homepage that features a search bar to quickly find cafes. They will be able to filter results based on their preferences. Clicking on a cafe will take them to a detailed view with reviews and the option to add their own. The favorites feature will allow users to keep track of cafes they love, enhancing engagement and repeat visits. The overall design will ensure a smooth experience across devices, making it easy for nomads to find their ideal working spot.