Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"My Map of the World" is a web application that allows users to explore and document their experiences through a customizable map. Users can drop pins anywhere in the world and create notes that can include diary entries, recommendations, or travel blog posts, enriching their personal or shared travel narratives.

## CORE FEATURES
1. **Pin-Drop Functionality**: Users can drop pins on a world map (using OpenStreetMap) and create notes associated with each pin.
2. **Note Customization**: Notes can include text entries, multiple weblinks, images, videos, creation and event dates, and customizable tags.
3. **Travel Blog Management**: Users can create travel blogs with the option to categorize entries, name trips, and summarize their travel experiences.
4. **Scoring System for Recommendations**: Users can rate locations with stars and provide additional feedback through tags that denote vibe, best time to visit, logistics, and pricing.
5. **Account Management**: Users need to create accounts to manage their notes, with options for private or public visibility. They can also invite others to view their notes.
6. **Admin Interface**: An admin panel allows for user management, visibility of all notes, and sorting by various attributes.

## 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 central map view with a sidebar for filters and user account management options. The pin details and note editing sections will appear in modals or side panels.

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

## IMPLEMENTATION STEPS
1. **Initial Setup**: Create a new React project with TypeScript using Create React App.
2. **Routing**: Set up React Router for navigating between components like the map view, note creation, and user profile.
3. **Map Integration**: Use OpenStreetMap for the map functionality and implement pin-drop features.
4. **Note Management**: Develop components for creating, editing, and displaying notes with the required fields and media embeds.
5. **User Authentication**: Implement user registration, login, and account management features, ensuring secure data handling.
6. **Admin Dashboard**: Build an admin interface to manage user accounts and view all notes.

## USER EXPERIENCE
Users will have an intuitive experience starting from the map interface, where they can see their current location and easily drop pins. Creating a note will involve a simple form with various options for customization. Users will also have the ability to filter what notes are displayed on the map, manage their accounts, and view their travel blogs in an organized manner. The admin interface will allow for streamlined user management, enhancing the overall functionality and interaction of the application.

This prompt provides a comprehensive foundation for developing "My Map of the World," ensuring a user-friendly experience while meeting the outlined specifications.