Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application designed to provide users with a clean and straightforward interface. The main purpose is to facilitate user engagement through a user-friendly design, focusing on essential features and seamless navigation.

## CORE FEATURES
1. **User Registration & Login**: Allow users to create accounts and securely log in using email and password authentication.
2. **Text Box Creation**: Enable users to easily create and customize text boxes for various purposes, such as notes or reminders.
3. **Saved Text Boxes**: Provide a feature for users to save their created text boxes and access them later.
4. **Sharing Options**: Allow users to share their text boxes via links or social media platforms.
5. **Responsive Design**: Ensure the application is fully responsive, providing an optimal experience across devices (desktop, tablet, mobile).
6. **User Feedback Mechanism**: Implement a simple feedback form for users to submit their thoughts and suggestions.

## 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 to ensure readability and a fresh appearance.
- **Layout**: The main layout will feature a centered header, a prominent hero section for introduction, a grid layout for features, and a footer with contact information.
- **Typography**: Use a sans-serif font (e.g., Helvetica or Arial) for headings and body text, establishing a clear hierarchy with larger sizes for titles and smaller sizes for descriptions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and maintainable application.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design development.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable components that align with the minimalist aesthetic.
- **State Management**: Use React Context API or Zustand for lightweight state management.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Basic Components**: Develop core components including Header, Hero, TextBox, and Footer.
3. **Implement Routing**: Use React Router for navigation between different sections of the application.
4. **Build Authentication Logic**: Set up user registration and login functionality using a suitable authentication service.
5. **Develop Text Box Features**: Create the text box creation and saving functionalities, ensuring they are user-friendly and intuitive.
6. **Add Sharing Options**: Implement the functionality to generate shareable links for text boxes.
7. **Responsive Design Testing**: Test and refine the application layout on various screen sizes.
8. **Incorporate User Feedback Mechanism**: Add a feedback form and ensure submissions are handled appropriately.

## USER EXPERIENCE
The application will prioritize simplicity and ease of use. Users will first encounter a welcoming hero section with a brief introduction. They can quickly navigate to create or view their text boxes. The interface will guide them through the registration and login process seamlessly. Once logged in, users will find their saved text boxes easy to access and manage, with clear options for sharing and providing feedback. The responsive design will enhance usability across all devices, ensuring a consistent experience.