Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to notify users when products from any website that they have selected become available again in stock. It serves as a centralized tool for users to track their desired products and receive timely alerts, enhancing the shopping experience by eliminating the need to constantly check multiple sites.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in to manage their product notifications securely.
2. **Product Tracking**: Users can input product URLs from various e-commerce sites and specify their desired notifications.
3. **Stock Monitoring**: The application will regularly check the stock status of the tracked products and notify users via push notifications or email when items are back in stock.
4. **Notification Settings**: Users can customize how and when they want to receive notifications, including instant alerts or daily summaries.
5. **Dashboard**: A user-friendly interface showing tracked products, their current stock status, and a history of notifications sent.
6. **Admin Panel**: For managing user accounts, monitoring application performance, and handling user feedback.

## 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 structure will feature a header with navigation, a hero section for user onboarding, followed by a dashboard displaying tracked products and notifications, and a footer with contact and support information.

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

## IMPLEMENTATION STEPS
1. Set up the React application with TypeScript and configure Tailwind CSS.
2. Implement user authentication using a library like Firebase or Auth0 for secure login and registration.
3. Create a form component to allow users to input product URLs and track them.
4. Set up a background service to periodically check the stock status of tracked products using APIs or web scraping tools.
5. Develop the dashboard UI to display tracked products and their stock status, utilizing shadcn/ui components for consistent design.
6. Implement notification functionality, allowing users to choose their preferred method (email or push notifications).
7. Build the admin panel for managing user accounts and monitoring application interactions.
8. Ensure responsive design for optimal user experience on mobile and desktop devices.

## USER EXPERIENCE
Users will start by signing up or logging into the application. Once authenticated, they will be able to add product URLs they wish to track. The dashboard will display these products along with their current stock status. Users will receive notifications based on their selected preferences, ensuring they never miss a chance to purchase their desired items. The clean and minimalist design will enhance usability, allowing users to navigate effortlessly through the application.