Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Odlewki.pl" is a web application designed as a marketplace specialized in the sale of perfumes, allowing private users to list and browse fragrance offerings. The platform focuses on simplicity and user-friendliness, enabling easy access to perfume listings similar to AllegroLokalnie or OLX.

## CORE FEATURES
1. **User Authentication**: Users can register for an account using their email and password, log in to access their profiles, and log out securely.
2. **Listing Management**: Users can add, edit, and delete their perfume listings, which must include the perfume name, brand, description, price, and an optional image.
3. **Brand Categories**: The application includes a predefined list of the 10 most popular perfume brands, and all listings must be categorized under one of these brands.
4. **Search Functionality**: Users can filter listings by brand and perform a simple text search based on the perfume name.

## 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**: A responsive grid layout for listings, with a fixed header for navigation and a footer for additional links and information.

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

## IMPLEMENTATION STEPS
1. **System Architecture**: Design the overall architecture, outlining the frontend, backend, and database components.
2. **Technology Stack**: Choose the appropriate technologies including React, TypeScript, Tailwind CSS, and a suitable backend framework (e.g., Node.js with Express).
3. **Data Model**: Create a database schema to manage user accounts and perfume listings, ensuring proper relationships are set up.
4. **User Flow**: Outline the user journey from registration to managing listings, highlighting key interactions.

5. **Frontend Development**:
   - Set up the React application using Create React App with TypeScript.
   - Implement routing for navigation between pages (e.g., homepage, listing page).
   - Build components for user registration, login, and listing management.
   - Ensure responsive design using Tailwind CSS.

6. **Backend Development**:
   - Set up an Express server to handle API requests for user authentication and listing management.
   - Implement the database connection and CRUD operations for users and listings.
   - Secure API endpoints with appropriate authentication measures.

7. **Integration**: Connect the frontend and backend, ensuring data flows correctly between the client and server.

8. **Testing**: Conduct thorough testing of all functionalities to ensure they work without issues before deployment.

## USER EXPERIENCE
Users will have an intuitive experience when interacting with the application. Upon landing on the homepage, they can easily navigate to create an account or log in. Once logged in, users can manage their perfume listings through a straightforward interface. The search functionality allows them to quickly find specific perfumes, enhancing their overall experience. The minimalist design ensures that users are not overwhelmed, allowing them to focus on browsing and managing their listings effectively.