Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for registered users to post advertisements for specific locations, categorized by tags. Users can choose from various ad sizes (full-page, half-page, quarterly) and set visibility durations (weekly, monthly, quarterly, annually). The application will be built using React and PHP with MySQL for backend support.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts, log in, and manage their profiles securely.
2. **Ad Posting**: Enable users to create and submit ads, selecting from various sizes and categories, with a user-friendly form.
3. **Ad Visibility Management**: Users can set the duration for which their ads will be visible, choosing between weekly, monthly, quarterly, or annually.
4. **Ad Browsing**: Provide a clean interface for users to browse ads by category and location, with filters to refine searches.
5. **Dashboard**: A user-specific dashboard to manage posted ads, view statistics on ad performance, and edit or delete ads.
6. **Notifications**: Inform users about the status of their ads, such as approval, expiration, or reminders for renewals.

## 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 responsive grid system with a header, navigation bar, main content area for ads, and a footer. The dashboard will have a sidebar for navigation and a main content area for managing ads.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create User Authentication**: Implement user registration and login functionalities using JWT for secure authentication.
3. **Build Ad Posting Form**: Create a form component that allows users to input details for their ads, including size, category, and visibility duration.
4. **Develop Ad Browsing Interface**: Design a page that displays ads using cards, allowing users to filter by category and location.
5. **Implement Dashboard**: Create a user dashboard where users can view, edit, and delete their ads, along with statistics on ad performance.
6. **Set Up Backend**: Develop a PHP backend with MySQL to handle user data and ad submissions, including endpoints for CRUD operations.

## USER EXPERIENCE
Users will interact with a clean and intuitive interface, starting from the landing page where they can easily navigate to register or log in. Once logged in, they can post ads through a straightforward form, manage their ads from the dashboard, and browse existing ads seamlessly. Notifications will keep users informed about important actions related to their ads, enhancing engagement and usability. The responsive design ensures a consistent experience across devices, maintaining accessibility and user satisfaction.