Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to facilitate the creation of meme pages based on academic study syllabi. Users will be able to generate, customize, and share memes that relate to their educational content, fostering a fun and engaging study environment. The platform aims to combine learning with creativity, making academic subjects more relatable and enjoyable.

## CORE FEATURES
1. **Meme Generator**: A user-friendly interface that allows users to select images and add text overlays to create customized memes based on syllabus topics.
2. **Template Library**: A collection of pre-designed meme templates that cater to various subjects and themes, allowing for quick and easy meme creation.
3. **Sharing Options**: Users can share their memes directly to social media platforms or generate shareable links for easy distribution among peers.
4. **User Profiles**: Individual user accounts where users can save their favorite memes, view their creation history, and follow other meme creators.
5. **Feedback System**: A rating and commenting feature that enables users to provide feedback on memes, fostering community interaction and engagement.
6. **Search and Discovery**: An intuitive search function that allows users to explore memes by subject, popularity, or tags, making it easy to find relevant content.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature a clean, simple aesthetic with ample white space to enhance readability and focus on content. 
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast for legibility.
- **Layout**: A grid-based layout for the meme generator and template library, with a top navigation bar for easy access to core features. The landing page will feature a prominent call-to-action button to encourage users to start creating memes.
- **Typography**: Use of sans-serif fonts for a modern and clean look. Headings will be bold, with a larger font size to establish hierarchy, while body text will maintain a standard size for optimal readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design and responsive layout adjustments.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible components that align with the minimalist design ethos.
- **State Management**: Redux or Context API for managing application state effectively across different components.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React application with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Core Components**: Develop the main components for the meme generator, template library, and user profiles, ensuring to integrate the Tailwind CSS classes for styling.
3. **Implement Routing**: Use React Router for navigating between the landing page, meme generator, and user profiles.
4. **Develop the Meme Generator Feature**: Build functionality that allows users to upload images, add text overlays, and customize their memes.
5. **Build the Template Library**: Create a collection of meme templates and implement a search function for easy discovery.
6. **Integrate User Authentication**: Set up user registration and login features to enable profile creation and content saving.
7. **Implement Sharing Options**: Add functionality for users to share their memes on social media and generate shareable links.
8. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment, ensuring that the application is accessible to users.

## USER EXPERIENCE
The user experience focuses on simplicity and ease of use. Upon landing on the homepage, users are greeted with a clean interface featuring a prominent "Create Your Meme" button. The meme generator is intuitive, allowing users to drag and drop images, type text, and instantly see their creation. Users can save their work to their profiles, comment on and rate others' memes, and easily navigate through the template library. The responsive design ensures a seamless experience across devices, encouraging users to engage with the platform wherever they are.