Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based legal assistant platform designed specifically for users in Vietnam. It serves as a comprehensive roadmap for legal functions, allowing users to access resources from platforms like GitHub and YouTube, enhancing their legal knowledge and practice.

## CORE FEATURES
1. **Resource Library**: A searchable database of legal resources, including articles, videos, and documents from various platforms.
2. **Legal Query Assistant**: An interactive AI-driven chatbot that provides legal advice based on user queries.
3. **User Dashboard**: A personalized dashboard that tracks user interactions, recommended resources, and saved queries.
4. **Bookmarking System**: Users can save and categorize their favorite resources for easy access later.
5. **Feedback and Ratings**: Allow users to rate and provide feedback on resources, helping to improve the library over time.
6. **Community Forum**: A space for users to discuss legal topics, share insights, and collaborate on projects.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design that emphasizes clarity and usability. The interface should utilize ample white space to create a clean look, focusing on essential elements without distractions.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high readability and a pleasant user experience.
- **Layout**: The main layout should consist of a top navigation bar, a sidebar for resource categories, and a central content area that displays the selected resource or tool. The layout should be responsive, adapting to different screen sizes seamlessly.
- **Typography**: Use a sans-serif font like "Roboto" for body text and a bolder serif font for headings to create a visual hierarchy. Ensure consistent font sizing and spacing to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and scalable application.
- **Styling**: Tailwind CSS for rapid and responsive design implementation.
- **UI Components**: Utilize shadcn/ui for a collection of pre-designed, customizable components.
- **State Management**: Implement Redux for effective state management across various components.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Design Layout Components**: Create the main layout structure with a navigation bar, sidebar, and central content area using Tailwind CSS.
3. **Develop Core Features**:
   - Build the Resource Library component using a grid layout to display resources effectively.
   - Implement the Legal Query Assistant as an interactive chatbot using a conversational UI approach.
   - Design the User Dashboard to aggregate user data and interactions.
4. **Integrate State Management**: Set up Redux to manage application state and user data efficiently.
5. **Establish Bookmarking and Feedback Systems**: Create functionality for users to bookmark resources and provide feedback.
6. **Launch Community Forum**: Develop a forum feature that allows users to post questions and share knowledge.
7. **Testing and Quality Assurance**: Conduct thorough testing for usability and responsiveness across devices before launch.

## USER EXPERIENCE
The user experience focuses on intuitive interactions, where users can easily navigate through the resource library, engage with the legal query assistant, and access their personalized dashboard. The interface should guide users smoothly from one feature to another, allowing them to bookmark resources and participate in community discussions effortlessly. Responsive design will ensure that users have a consistent experience on both desktop and mobile devices.