Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the presentation of history STEAM projects, focusing on the understanding of Hinduism through the design of social structures like temples. The application will allow students to showcase their designs, interact with their peers, and learn about the contributions of People of Color (POC) in this context.

## CORE FEATURES
1. **Project Showcase**: A dedicated section for students to present their temple designs, incorporating images, descriptions, and reflections on the cultural significance.
2. **Interactive Learning Modules**: Mini-projects that engage users in exploring historical contexts and the contributions of POC in Hinduism.
3. **Discussion Forum**: A space for students to discuss their projects, ask questions, and provide feedback to peers, promoting collaborative learning.
4. **Resource Library**: Curated resources including articles, videos, and references related to Hinduism, temples, and POC contributions to enhance understanding.
5. **User Profiles**: Allow students to create profiles to track their projects and interactions within the application.
6. **Feedback System**: Enable students to receive constructive feedback from peers and educators on their projects.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design emphasizes a clean and simple aesthetic with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: A single-page layout with sections for the project showcase, interactive modules, discussion forum, resource library, and user profiles. Each section is clearly defined with intuitive navigation.
- **Typography**: Use sans-serif fonts for clarity and modernity. The main headings should be bold and larger in size to create a clear hierarchy, while body text should be comfortably readable.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling to ensure responsive design and minimalistic appearances.
- **UI Components**: Utilize the shadcn/ui library for pre-built components that align with the design specifications.
- **State Management**: Redux or Context API for managing user data and project states effectively.

## IMPLEMENTATION STEPS
1. **Set Up Environment**:
   - Initialize a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and shadcn/ui components.
   
2. **Create Project Structure**:
   - Set up folder structure: components, pages, styles, and assets.
   - Create main components for Project Showcase, Learning Modules, Discussion Forum, Resource Library, and User Profiles.

3. **Develop UI Components**:
   - Design and implement each UI component using Tailwind CSS for responsiveness and visual appeal.
   - Ensure components are reusable and maintain consistent styling.

4. **Implement Routing**:
   - Use React Router for smooth navigation between sections of the application.

5. **State Management**:
   - Integrate Redux or Context API to manage application state for user profiles and project data.

6. **Testing**:
   - Conduct user testing to gather feedback on usability and design.
   - Make necessary adjustments based on user interactions.

## USER EXPERIENCE
The user experience focuses on intuitive navigation and easy access to content. Users can seamlessly explore different sections of the application, engage in discussions, and showcase their work. The layout promotes interaction, and the minimalist design ensures that users can focus on learning and sharing without distraction. Users will be encouraged to participate actively through feedback systems and collaborative learning opportunities, enhancing their overall engagement with the project.