Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for users to create and manage pranks using a platform called "esend Rubox plus prank." This application will provide users with tools to customize their pranks, share them with others, and engage in a community of prank enthusiasts. The focus will be on a clean and user-friendly interface that encourages creativity and simplicity.

## CORE FEATURES
1. **Prank Creation Tool**: A user-friendly interface allowing users to design and customize their pranks with various templates and options.
2. **Gallery of Pranks**: A section where users can browse and view pranks created by others for inspiration.
3. **Sharing Functionality**: Users can share their pranks on social media and through direct links to encourage engagement.
4. **User Profiles**: Users can create profiles to save their favorite pranks, track their contributions, and follow other users.
5. **Feedback and Ratings**: Users can rate and leave comments on pranks, fostering community interaction and improvement.
6. **Admin Panel**: A simple interface for managing user submissions and moderating content to ensure a positive environment.

## 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 responsive grid structure with a header, main content area for features and tools, and a footer for additional links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for styling components.
- **UI Components**: shadcn/ui for a consistent and modern UI design.
- **State Management**: Use Context API or Redux depending on the complexity of state management needs.

## IMPLEMENTATION STEPS
1. **Set up the React application**: Create a new React project using Create React App with TypeScript.
2. **Install necessary dependencies**: Add Tailwind CSS, shadcn/ui, and any additional libraries for state management.
3. **Create the folder structure**: Organize the project into components, pages, and styles folders for maintainability.
4. **Implement the UI components**: Design and build the main layout components, including the header, footer, and main content area.
5. **Develop the core features**: Start with the prank creation tool and gallery, ensuring to implement responsive design.
6. **Implement user profiles and sharing functionality**: Establish user authentication and profiles, and integrate sharing options.
7. **Add feedback and ratings system**: Create components for users to rate and comment on pranks.
8. **Create the admin panel**: Build a simple interface for managing user content and submissions.
9. **Testing and debugging**: Test the application across different devices and browsers for responsive design and functionality.
10. **Deploy the application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will have an intuitive experience as they navigate through the application. The homepage will showcase trending pranks, and the prank creation tool will be accessible from the main menu. Users can easily create and customize their pranks, view others' creations, and provide feedback. The layout's simplicity and the use of a consistent color palette will help maintain focus on the pranks themselves, enhancing user engagement and enjoyment.