Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a social media platform that clones the functionalities of Facebook and Instagram, incorporating features similar to TikTok, such as filters. It is designed to be fully administrable through an admin panel, allowing for user management and content moderation. The application will support independent installation and utilize a MySQL database for data storage.

## CORE FEATURES
1. **User Authentication**: Users can log in using their account and manage their profiles. New user registration will be enabled with email verification.
2. **Content Creation & Sharing**: Users can create posts, apply TikTok-like filters, and share multimedia content (images, videos) on their profiles and feeds with share to all platforms, like and comment .
3. **Admin Dashboard**: A comprehensive admin interface to manage users, oversee content, and control application settings.email (default: gobebola@gmail.com) 
4. **Feed & Interaction**: A dynamic feed where users can view, like, and comment on posts from others, fostering engagement.
5. **Filter System**: Integration of various filters for enhancing media content, allowing users to customize their posts.
6. **Notifications**: Real-time notifications for likes, comments, and new followers to keep users engaged.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean and simple design with plenty of white space, focusing on user content and interactions.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and a pleasant user experience.
- **Layout**: 
  - A top navigation bar for easy access to the home feed, profile, and notifications.
  - A central content area displaying the user feed and posts.
  - A sidebar for quick links to the admin dashboard and user settings.
- **Typography**: Use modern sans-serif fonts for headers (e.g., Montserrat) and body text (e.g., Open Sans) to maintain readability and a clean aesthetic.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and type-safe application.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid UI development and responsive design.
- **UI Components**: Utilize shadcn/ui for ready-made components that align with the minimalist design.
- **State Management**: Redux or Context API for managing application state across components.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install necessary packages (React Router, Tailwind CSS, shadcn/ui).
2. **User Authentication**: Implement user authentication using JWT for secure login and registration processes. Set up the default admin account.
3. **Admin Dashboard**: Create the admin dashboard interface, allowing the management of users and content with role-based access control.
4. **Content Creation Module**: Develop the content creation feature, enabling users to upload media and apply filters before posting.
5. **Feed Implementation**: Set up a real-time feed that displays posts from users, incorporating like and comment functionality.
6. **Filter Integration**: Integrate a filter library to allow users to enhance their media uploads.
7. **Notification System**: Establish a notification system to alert users of interactions on their posts.
8. **Testing & Deployment**: Conduct thorough testing for usability and performance before deploying the application on a server with MySQL database setup.

## USER EXPERIENCE
Users will experience a seamless flow from signing up to interacting with content. Upon logging in, they will be greeted with a personalized feed displaying posts from their connections. The intuitive interface allows for easy navigation to the admin panel, where administrators can manage users and content effectively. The content creation process is straightforward, enabling users to enhance their posts with filters and share them effortlessly, while notifications keep users informed of their social interactions. The minimalist design ensures that users can focus on content without distractions, providing an enjoyable and engaging user experience.