Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to allow users to upload photos and visualize them on a Google Map based on their EXIF data. Users can see where their photos were taken, interact with clusters of photos, and track their routes over time through an intuitive heat map interface.

## CORE FEATURES
1. **Photo Upload & EXIF Integration**: Users can upload images that are analyzed for EXIF metadata to extract geographical data, which will be used to plot the photos on a map.

2. **Interactive Google Map**: Photos are displayed on a Google Map with clusters that dynamically adjust as users zoom in, providing a clean and organized view of photo locations.

3. **Photo Clustering & Preview**: Clicking on a cluster opens a list view of the photos within that cluster. Clicking on an individual photo provides a larger preview, enhancing user engagement.

4. **Route Playback Functionality**: A feature that visualizes a user's path based on the geo-coordinates and timestamps from the uploaded photos, with controls to play, pause, and adjust playback speed.

5. **Date Filtering**: Users can filter photos based on a specified date range, allowing them to focus on specific time periods for their photo analysis.

6. **Responsive Design**: The application will be designed to respond seamlessly across devices, ensuring a smooth user experience on both desktop and mobile platforms.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should prioritize clean lines, ample white space, and a focus on essential functionalities to maintain clarity and simplicity.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and provide a modern aesthetic.
- **Layout**: The main layout features a top navigation bar with logo and filter options, a central map area for photo clustering, and a sidebar for displaying photo previews and controls. The structure is designed to keep the map as the focal point with intuitive access to controls.
- **Typography**: Use a sans-serif font for clarity, such as Roboto or Open Sans, with a clear hierarchy (e.g., larger font size for headings, medium for subheadings, and regular weight for body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust application development.
- **Styling**: Tailwind CSS for utility-first design and rapid styling implementation.
- **UI Components**: Use shadcn/ui for ready-made components that align with the minimalist aesthetic.
- **State Management**: Consider using React Context or Zustand for managing global state effectively.

## IMPLEMENTATION STEPS
1. **Set up React project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create the main components**: Develop key components such as the Map component, Photo Upload component, Cluster Preview component, and Route Playback component.
3. **Implement the map functionality**: Integrate Google Maps API to display the map, implement photo clustering, and handle EXIF metadata extraction on image upload.
4. **Design the UI**: Use Tailwind CSS to style the components according to the defined minimalist aesthetic, ensuring responsive design principles are applied.
5. **Develop routing and playback features**: Program the route playback functionality, allowing users to visualize their paths based on the uploaded photos.
6. **Add filtering capability**: Implement a filter function that allows users to select photo dates and update the map view accordingly.
7. **Testing and debugging**: Conduct thorough testing to ensure all features function correctly, including cross-device testing for responsiveness.
8. **Deploy the application**: Choose a hosting solution (e.g., Vercel, Netlify) for deployment, ensuring configuration for performance and security.

## USER EXPERIENCE
Users will begin by uploading photos, after which they will see their images plotted on an interactive map. The interface allows them to zoom in to see clustered photos and click on them for previews. The date filtering feature enables users to refine their view easily, while the route playback functionality offers an engaging way to revisit their journeys. The minimalist design ensures that users can navigate the app intuitively, focusing on their photos and the map without distractions.