Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to host and manage an event called "Cairo x SheBuilds". The main purpose is to provide an interactive dashboard that allows participants to access the event agenda, contribute personal introductions, showcase their projects, upload images, and stay connected post-event. The app emphasizes user engagement and real-time interaction during the event.

## CORE FEATURES
1. **Event Agenda**: A dedicated section displaying the event's schedule, allowing users to view times and activities at a glance.
2. **What to Bring**: A checklist of items participants are encouraged to bring on the day of the event.
3. **Intro Cards**: A feature for attendees to create and display intro cards with their image, name, LinkedIn profile, and job role, fostering networking opportunities.
4. **Project Showcase Dashboard**: A section for participants to add links to their projects, including a thumbnail, title, and short description. Users can "heart" projects and leave feedback.
5. **Gallery/Walls of Love**: A collaborative space where attendees can upload images from the event to share memories and experiences.
6. **Live Timer**: A countdown timer to indicate when the building time is over, helping maintain the event schedule.
7. **Resources Section**: A place for the event organizer to share additional resources and information relevant to participants.
8. **Staying in Touch**: Contact details for WhatsApp groups, Discord channels, and other means for ongoing communication.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should emphasize cleanliness and simplicity, with ample white space and a focus on legibility.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring a high contrast and easy reading experience.
- **Layout**: A single-page application layout that smoothly transitions between sections, with a fixed header for easy navigation to the agenda, showcase, gallery, and resources.
- **Typography**: Use a sans-serif font for headers (e.g., Montserrat) and a clean serif font for body text (e.g., Open Sans), ensuring a clear hierarchy with larger sizes for titles and ample spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface.
- **Styling**: Tailwind CSS for quick and responsive design.
- **UI Components**: Utilize shadcn/ui for consistent and modern component styling.
- **State Management**: Consider using a context API or libraries like Redux for managing app state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Core Components**: Develop components for the event agenda, intro cards, project showcase, gallery, live timer, resources, and contact information.
3. **Implement Routing**: Set up navigation to allow users to scroll to different sections smoothly.
4. **Integrate State Management**: Implement context API for managing user-generated content such as intro cards and project submissions.
5. **Add Interactivity**: Implement features like the live timer and feedback system for project showcases.
6. **Design and Style**: Apply Tailwind CSS styles to ensure a consistent minimalist aesthetic throughout the application.
7. **Testing**: Conduct thorough testing to ensure all features work seamlessly on various devices.

## USER EXPERIENCE
Participants will have a straightforward experience navigating through the dashboard. Upon landing, they will see the event agenda prominently displayed. They can easily scroll to add their intro cards and showcase their projects. The live timer will be visible at all times, ensuring everyone is aware of the time constraints. Users can upload images to the gallery and access resources with a single click, all while feeling encouraged to engage with others through the contact information provided.