Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to manage categories and subcategories based on data uploaded via CSV files. Users will have the ability to read, modify, and organize categories easily within the platform, enhancing the overall management and accessibility of content.

## CORE FEATURES
1. **CSV Upload**: Users can upload CSV files containing category and subcategory data, which will be automatically read and displayed within the application.
2. **Dynamic Category Management**: Users can link uploaded categories to the platform, with options to rename, modify, or rearrange them as needed.
3. **Admin View Tab**: An additional tab in the admin view will provide a user-friendly interface for managing categories efficiently.
4. **Real-Time Updates**: Changes made to categories will be reflected in real-time, ensuring users have the most current information available.
5. **Search and Filter**: Users can easily search and filter categories to find specific entries quickly.
6. **Responsive Design**: The application will maintain a responsive layout for optimal usability across devices.

## 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 sidebar for navigation, a central content area for displaying categories and settings, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Layout Structure**: Implement the main layout with a sidebar (for navigation) and a central content area using Tailwind CSS for styling.
3. **Implement CSV Upload Functionality**: Develop a component that allows users to upload a CSV file and read its contents.
4. **Dynamic Category Management**: Create functionalities for linking categories, renaming, modifying, and moving them around.
5. **Admin View Tab**: Design and implement the admin view tab, ensuring it has intuitive controls for managing categories.
6. **Real-Time Data Binding**: Use state management to ensure that any changes in categories are reflected immediately in the UI.
7. **Add Search and Filter Features**: Implement search and filtering options to enhance user experience.
8. **Test Responsiveness**: Ensure that the application is fully responsive and works seamlessly on various devices.

## USER EXPERIENCE
Users will interact with the application by uploading CSV files to populate categories. They will navigate through a clean and simple interface, utilizing the sidebar for easy access to different sections. The main content area will allow them to view, modify, and manage categories dynamically, with real-time feedback on their actions. The design will emphasize clarity and ease of use, ensuring users can efficiently manage their content without unnecessary complexity.