Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for note-taking, allowing users to create notes, upload images, and share their notes via unique URLs. The application aims to provide a clean and simple interface, similar to Google Keep, focusing on ease of use and quick access to notes.

## CORE FEATURES
1. **Create Note**: Users can easily create text notes with a rich text editor for formatting.
2. **Image Upload**: Users can upload images to accompany their notes to enhance visual context.
3. **Shareable Links**: Each note can be shared with others through a unique URL, allowing for seamless collaboration.
4. **User Authentication**: Users can create accounts to save their notes and access them from any device.
5. **Note Organization**: Users can categorize notes with tags or colors for better organization and retrieval.
6. **Search Functionality**: A search bar allows users to quickly find notes based on keywords or tags.

## 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 layout will consist of a sidebar for navigation, a main content area for notes, and a header for app branding and search functionality.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user state and notes.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create User Authentication**: Implement user registration and login functionalities, using Firebase or another authentication service.
3. **Build Core Note Features**:
   - Create a form for adding notes, including a text area for the note and an image upload button.
   - Implement functionality to save notes to a database (e.g., Firestore).
4. **Implement Sharing Functionality**: Generate unique URLs for notes and create a method for sharing them.
5. **Design the UI**: Use Tailwind CSS to style the application according to the minimalist design specifications.
6. **Add Note Organization and Search**: Integrate features for tagging notes and a search bar for easy retrieval.
7. **Testing and Deployment**: Test the application thoroughly for usability and bugs, then deploy on a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Users will start by registering or logging into their accounts. Upon entering the app, they will see a clean interface with a sidebar for navigation and a main content area displaying their notes. Users can easily create a new note using a prominent button, upload images, and categorize their notes. The search functionality ensures that users can quickly find what they need, while the sharing feature allows them to collaborate and share notes effortlessly. Responsive design will ensure a seamless experience across devices.