Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Jarvis app is a web application designed to provide an interactive voice assistant experience, similar to the AI character from the Iron Man series. Users can chat with the app through text and voice commands, facilitating a seamless conversational interface that mimics natural human interaction.

## CORE FEATURES
1. **Voice Interaction**: Users can engage in conversations with the app using voice commands, providing a hands-free experience.
2. **Text Chat Interface**: A simple chat interface allows users to type messages and receive responses, ensuring accessibility for all users.
3. **Voice Feedback**: The app responds to users with synthesized voice replies, enhancing the interactive experience.
4. **Personalized User Profiles**: Users can create accounts to save preferences, conversation history, and settings for a more tailored experience.
5. **Smart Suggestions**: The app can offer suggestions based on user queries, improving engagement and usability.
6. **Settings and Customization**: Users can customize their experience by adjusting voice settings, themes, and notification preferences.

## 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 include a header for navigation, a central chat interface with message bubbles, and a settings panel accessible from the sidebar.

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

## IMPLEMENTATION STEPS
1. **Setup Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for use within the project.
   - Add shadcn/ui for UI components.
2. **Create Voice Interaction Module**:
   - Implement the Web Speech API to handle voice input and output.
   - Create a service that processes voice commands and provides appropriate responses.
3. **Build Chat Interface**:
   - Design a chat interface using Tailwind CSS components.
   - Ensure the interface is responsive and user-friendly.
4. **User Authentication**:
   - Implement user sign-up and login functionality.
   - Use a backend service (e.g., Firebase or custom API) for user management.
5. **Develop Features**:
   - Add features such as smart suggestions and user settings.
   - Ensure that each feature is modular and easily maintainable.
6. **Testing and Deployment**:
   - Conduct thorough testing, including unit and integration tests.
   - Deploy the application using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will engage with the Jarvis app through both voice and text. They initiate interactions using either method, and the app responds in a conversational manner. Users will appreciate the intuitive layout, which allows easy access to the chat interface and settings. The application will be designed to be fully responsive, ensuring an optimal experience on both desktop and mobile devices.