Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Gold & Silver Price India" is a modern full-stack web application designed to provide users with real-time prices of gold and silver in India. Utilizing an external metals API, this application aims to deliver accurate and up-to-date information in a user-friendly format.

## CORE FEATURES
1. **Live Price Updates**: Display current prices of gold and silver, updating in real-time using an external API.
2. **Historical Price Charts**: Visual representation of price trends over time, allowing users to analyze market movements.
3. **Price Alerts**: Users can set alerts for specific price points for both gold and silver, receiving notifications via email or app.
4. **Currency Converter**: A feature that allows users to view prices in different currencies.
5. **User Authentication**: Secure login and registration for users to create personalized accounts and manage their alerts.
6. **Responsive Design**: Ensures the application is fully functional on both desktop and mobile devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature a clean and simple aesthetic with ample white space, focusing on clear typography and usability.
- **Color Mode**: Light theme with dark text on light backgrounds for improved readability and a modern look.
- **Layout**: 
  - A top navigation bar for easy access to features.
  - A central display area for live prices, charts, and alerts.
  - A footer with links to terms of service, privacy policy, and contact information.
- **Typography**: 
  - Primary Font: 'Roboto' for clean readability.
  - Font Sizes: 
    - Headlines: 24px
    - Subheadings: 18px
    - Body Text: 14px

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust application structure and type safety.
- **Styling**: Tailwind CSS for utility-first styling, ensuring rapid design implementation.
- **UI Components**: Utilize shadcn/ui for pre-built UI components that align with the minimalist design.
- **State Management**: Use React Context or Redux if needed for managing user states and price updates.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any necessary libraries for API calls (e.g., Axios).
3. **Create Components**: Build core components such as Header, PriceDisplay, Chart, and Alerts.
4. **Integrate API**: Set up API integration to fetch live gold and silver prices, ensuring proper error handling and loading states.
5. **Implement User Authentication**: Set up user registration and login functionality, possibly using Firebase or another auth service.
6. **Develop Responsive Layout**: Use Tailwind CSS to ensure components are responsive across different device sizes.
7. **Testing**: Perform thorough testing for functionality and usability, including unit tests for components and integration tests for user flows.

## USER EXPERIENCE
Users will have a seamless experience navigating the application. Upon landing on the homepage, they will see the live price display immediately. Users can easily access historical data through intuitive charts, set up alerts with a few clicks, and manage their accounts in a secure environment. The minimalist design ensures that users can focus on the information that matters most without distractions. The responsive layout guarantees usability across devices, making it convenient for users to check prices on the go.