Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application designed for an author to showcase their novels. The application will allow the author to manage their novels, including adding, deleting, and editing novel details after proper authorization. The aesthetic will appeal to Gen Z with a soothing, minimalist design complemented by subtle 3D features.

## CORE FEATURES
1. **Admin Authorization**: Secure login for the author to manage novel content, ensuring only authorized users can make changes.
2. **Novel Management**: Functionality for the admin to add, delete, lock, or unlock novels, including uploading novel descriptions and cover images.
3. **User Interface**: A clean and intuitive layout that presents novels in an organized manner, suitable for browsing and reading.
4. **Copyright Notice**: A clear copyright warning displayed on the website to protect the author's intellectual property.
5. **Responsive Design**: Ensures the application looks great on all devices, providing a seamless experience for users.

## 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 hero section for introducing the author and their works, followed by a section displaying novels with descriptions and cover images. A footer will include the copyright notice and additional links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for state management)

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it within the project.

2. **Create the Authentication Module**:
   - Set up an admin login feature to enable secure access for the author.
   - Implement authorization checks for novel management functionalities.

3. **Develop Novel Management Features**:
   - Create forms for adding and editing novels, including fields for title, description, and cover image uploads.
   - Implement functionality to delete or lock/unlock novels.

4. **Design the UI**:
   - Use Tailwind CSS to style components, ensuring a minimalist aesthetic with the specified primary color and typography.
   - Structure the layout according to the design specifications.

5. **Implement the Novel Display Section**:
   - Create a section to showcase novels, ensuring responsive design for different screen sizes.
   - Include features such as hover effects or subtle animations for a 3D feel.

6. **Add Copyright Notice**:
   - Include a footer in the layout that prominently features the copyright notice.

7. **Testing and Optimization**:
   - Test the application thoroughly on various devices and browsers to ensure functionality and responsiveness.
   - Optimize performance for a smooth user experience.

## USER EXPERIENCE
Users will interact with a clean interface where they can easily browse through the showcased novels. The author will benefit from an intuitive admin panel to manage their novels effectively. The calming visual style will create an inviting atmosphere for readers, encouraging them to explore the author's work while ensuring easy navigation and access to information.