Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application allows mothers to add personal photos and favorite songs, including a section specifically for their favorite songs from Spotify. The app aims to create a simple and engaging platform for users to express their musical preferences and share memories through photos and songs.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to create and manage their profiles.
2. **Photo Upload**: Functionality for users to upload and display personal photos.
3. **Song Integration**: Users can add their favorite songs from Spotify by searching and selecting tracks.
4. **Favorites Section**: A dedicated section for displaying favorite songs, allowing for easy access and sharing.
5. **Profile Page**: Each user has a personal profile page showcasing their uploaded photos and favorite songs.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices.

## 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 top navigation bar, a hero section for user engagement, a photo upload area, and sections for song integration and favorites. The profile page will have a grid layout for photos and a list format for songs.

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

## IMPLEMENTATION STEPS
1. **Set Up the React Project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any necessary packages for Spotify API integration.
3. **Create Authentication Flow**: Set up user authentication with a login and registration component using Firebase or Auth0.
4. **Build Photo Upload Component**: Implement a component that allows users to upload and preview photos.
5. **Integrate Spotify API**: Create a component for searching and selecting songs from Spotify, utilizing the Spotify Web API.
6. **Develop Profile Page**: Create a profile page that displays uploaded photos and favorite songs in a user-friendly layout.
7. **Implement Responsive Design**: Ensure that all components are responsive and adapt to different screen sizes.
8. **Testing and Debugging**: Test the application for any bugs or issues and ensure all features work seamlessly.

## USER EXPERIENCE
Users will start at the landing page where they can log in or register. Once logged in, they will be directed to their profile page, where they can upload photos and add songs from Spotify. The interface will be intuitive, allowing users to easily navigate between uploading photos, searching for songs, and viewing their favorite tracks. The minimalist design ensures that users can focus on the content without distractions, providing a pleasant and engaging experience.