Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the exploration and presentation of a STEAM history project focused on the understanding of Hinduism through the design of social structures like temples. The application will enable students to create and showcase their projects while emphasizing the contributions of people of color (POC) in this context.

## CORE FEATURES
1. **Project Creation Tool**: A user-friendly interface that allows students to design and outline their history projects, incorporating elements of Hindu architecture and significant contributions by POC.
2. **Template Gallery**: A collection of pre-designed templates for temple structures that students can customize for their presentations.
3. **Research Resources Section**: Access to a curated library of articles, videos, and references that provide context and information about Hinduism and POC contributions.
4. **Presentation Mode**: A feature that allows students to present their projects in a clean, slideshow format that highlights their designs and research findings.
5. **Feedback and Collaboration**: An integrated feedback system where peers and teachers can comment on and suggest improvements to projects.
6. **Downloadable Project Export**: The option for students to download their completed projects as PDF files for offline presentation or submission.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette focused on enhancing readability and user engagement.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure clarity and reduce eye strain.
- **Layout**: A single-page layout with sections for project creation, resources, project showcase, and feedback. The main navigation will be sticky for easy access.
- **Typography**: Use a sans-serif font such as "Roboto" for body text and a more prominent font like "Montserrat" for headings to create a clear hierarchy and enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong typing and scalable component architecture.
- **Styling**: Tailwind CSS for utility-first styling that supports responsive design and rapid prototyping.
- **UI Components**: Utilize shadcn/ui components for consistency in design and user experience.
- **State Management**: Use React Context API or Zustand for managing application state seamlessly.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Core Components**: Develop components for project creation, template gallery, presentation mode, and feedback section.
4. **Implement Routing**: Set up React Router for navigating between different sections of the application.
5. **Develop Feedback System**: Integrate a commenting system using local state management or a mock API for feedback functionality.
6. **Design and Style**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring responsiveness across devices.
7. **Testing**: Conduct user testing to gather feedback on usability and make necessary adjustments.
8. **Deployment**: Use platforms like Vercel or Netlify for deployment to ensure accessibility for students and teachers.

## USER EXPERIENCE
Students will interact with the application through an intuitive interface that guides them from project conception to presentation. They can easily navigate between creating their projects, accessing resources, and presenting their findings. The feedback feature fosters collaboration and enhances learning by allowing users to engage with peers and teachers, ensuring a comprehensive educational experience. The design prioritizes simplicity, allowing users to focus on their creativity and understanding of the subject matter.