Years attended, - @"/Users/nivardo.gallo/Downloads/d64d40aa-e3af-499b-9454-2ca0fea861b0_ExportBlock-854a9943-3fe9-4009-93fe-0d9313df1c08.zip" I'd...
Generated Prompt
## APPLICATION OVERVIEW This application is a web app designed to serve as a personal diary for logging and sharing experiences from festivals, parties, concerts, and gigs. It allows users to tag friends, rate events and artists, and share memories across social media platforms. The primary users are you and your husband, Julien, with a focus on security and ease of use. ## CORE FEATURES 1. **Quick Add**: A streamlined interface for quickly logging a gig and sharing it directly on social media. 2. **Dashboard/Timeline**: A reverse-chronological feed displaying all logged concerts with event details such as poster thumbnails, names, dates, venues, artists, and average star ratings. 3. **Concert Detail Page**: Detailed view of each concert, including date, venue (with embedded map), festival information, artist lineup, friends who attended, and ratings per friend. 4. **Artists Index**: A sortable grid of artist cards showing photos, names, and the number of times seen live; clicking on an artist reveals all concerts they participated in. 5. **Venues Index**: A categorized list/grid of concert venues by city, complete with visit counts; clicking a venue shows its concert history. 6. **Add Concert Form**: A comprehensive form for creating a concert entry, featuring multi-select options for artists, venues, friends, and ratings. ## 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 feature a mobile-first approach, showcasing a vertically stacked interface for mobile users and expanding to a grid-based design for desktop. The Dashboard will serve as the home screen, with clear navigation to each feature. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Zustand or Redux if needed for complex state management. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript. 2. **Install Dependencies**: Install Tailwind CSS, Zustand (or Redux), and shadcn/ui for component styling. 3. **Create the Layout**: Develop the main layout structure with a responsive design, ensuring mobile-first principles. 4. **Build Core Features**: - Implement the Quick Add feature for quick logging. - Develop the Dashboard/Timeline to display concert entries. - Create the Concert Detail Page with all necessary information. - Construct the Artists and Venues Index pages with sorting and filtering functionalities. 5. **Integrate Maps**: Use the Google Maps API to display venue locations on the Concert Detail Page. 6. **Implement Security Measures**: Ensure that user data is securely stored and that unauthorized access is restricted. 7. **Add Social Sharing**: Implement features to share entries on Instagram Stories, Facebook, Bluesky, WhatsApp, and Messages. 8. **Testing**: Conduct thorough testing across devices for usability and security. ## USER EXPERIENCE Users will begin by logging in and accessing the Dashboard, where they can quickly add new concerts. They will have the ability to view their history in a visually appealing timeline format. The application will provide seamless navigation to view detailed concert information, artist profiles, and venue histories. Users can rate events and share their experiences on social media, enriching their personal diary of shared moments together. The design will ensure that all interactions are intuitive and visually engaging, with a focus on creating a pleasant user experience.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
