Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Bible Generator App is a web application designed to provide users with personalized Bible verses and passages based on their preferences. The app will focus on generating daily scriptures, allowing users to explore different themes, topics, and translations in a clean and minimalist interface. The goal is to create an engaging and user-friendly experience that promotes daily reading and reflection.

## CORE FEATURES
1. **Daily Verse Generation**: Users can receive a randomly generated Bible verse each day, tailored to their selected themes (e.g., love, hope, faith).
2. **Theme Selection**: Users can choose specific themes or topics to receive verses that resonate with their current life situations.
3. **Translation Options**: Users can select from various Bible translations to view the verses in their preferred wording.
4. **Verse Sharing**: Users can easily share their generated verses on social media platforms or via email.
5. **User Accounts**: Allow users to create accounts to save their preferences and track verses they have generated or liked.
6. **Responsive Design**: Ensure the app is fully functional on mobile devices, tablets, and desktops.

## 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 top navigation bar, a central hero section for daily verse generation, options for theme selection below, and a footer for additional information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use Context API or Zustand for managing user preferences and generated verses

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary state management libraries.
3. **Create Core Components**: Develop the main components for the daily verse display, theme selection, and user account management.
4. **Implement User Authentication**: Set up user registration and login functionality using Firebase or Auth0.
5. **Build Verse Generation Logic**: Create a function to randomly select verses based on the user’s selected theme and translation.
6. **Design the Layout**: Utilize Tailwind CSS to implement the minimalist design, focusing on whitespace and typography.
7. **Add Responsive Design**: Ensure all components are responsive and work well on various screen sizes.
8. **Testing**: Conduct thorough testing, including unit tests and user acceptance testing to ensure functionality and usability.
9. **Deployment**: Deploy the application using a service like Vercel or Netlify for public access.

## USER EXPERIENCE
Key user interactions include a simple, intuitive interface for generating daily verses, selecting themes, and sharing content. Users will appreciate the clean layout that emphasizes readability and ease of navigation. The responsive design will ensure a seamless experience across devices, encouraging daily engagement with the app and fostering a sense of community through sharing features.