Lovable Prompt Creator - AI Prompt Generator

```markdown
# APPLICATION OVERVIEW
The UCD Module Feedback Platform is a web application designed to provide University College Dublin students with a verified and anonymous resource for module feedback. The main purpose is to allow students to rate and review all UCD modules, helping peers make informed decisions during course registration.

# CORE FEATURES
1. **Module Directory**: A comprehensive listing of all ~6,000 UCD modules, complete with module codes, titles, descriptions, and other relevant details, enabling easy access for students.
2. **Structured Ratings**: Students can rate modules across five key dimensions—Workload, Difficulty, Teaching Quality, Assessment Fairness, and Interest—using a 5-star system for each category.
3. **Written Reviews**: An optional text box for students to provide qualitative feedback, allowing for anonymous "rants and raves" about their experiences in each module.
4. **Trending Modules & Leaderboards**: A section displaying trending modules based on recent reviews and lists of the easiest and hardest modules, helping students identify courses that suit their preferences.
5. **Upvote System**: Users can upvote reviews they find helpful, allowing the most insightful feedback to surface and promoting quality contributions.
6. **Email Verification**: Registration requires a valid UCD email address to ensure that all reviews come from verified students, fostering trust and authenticity in the feedback provided.

# 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.
- **Layout**: 
  - A responsive grid layout, with a navigation bar at the top for easy access to different sections (Home, Module Search, Leaderboards).
  - A central content area dedicated to displaying module details and reviews, with side sections for trending modules and easy/hard lists.
- **Typography**: 
  - Primary font: 'Arial' or a similar sans-serif font for clarity and readability.
  - Font sizes: 
    - Headings: 24px for H1, 20px for H2, 18px for H3.
    - Body text: 16px with a line height of 1.5 for better readability.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and improved developer experience.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iteration and a responsive layout.
- **UI Components**: Use shadcn/ui for pre-built, accessible UI components that integrate smoothly with Tailwind CSS.
- **State Management**: Utilize React Context API for global state management, making it easy to share data across components without prop drilling.

# IMPLEMENTATION STEPS
1. **Set Up Project**:
   - Create a new React app using Create React App with TypeScript.
   - Install Tailwind CSS and shadcn/ui packages.
   - Configure Tailwind CSS by creating a tailwind.config.js file and setting up the necessary files for styles.

2. **Build the Directory Page**:
   - Create a `ModuleDirectory` component that fetches and displays the list of all UCD modules from an API or static data file.
   - Implement search functionality to filter modules by name or code.

3. **Create Module Detail Page**:
   - Develop a `ModuleDetail` component to display module ratings, reviews, and details.
   - Include structured rating inputs and a text box for written reviews.

4. **Implement Review Submission**:
   - Build a form within the `ModuleDetail` component to allow logged-in users to submit reviews.
   - Use React forms with validation to ensure all required fields are filled correctly.

5. **Set Up Leaderboards and Trending Modules**:
   - Create a `TrendingModules` component that calculates and displays trending modules based on the latest reviews.
   - Develop a `Leaderboard` component to show lists of easiest and hardest modules.

6. **Add User Authentication and Email Verification**:
   - Implement user authentication with email verification using a backend service or a mockup for simplicity.
   - Ensure that only users with verified UCD emails can submit reviews.

7. **Integrate Upvote System**:
   - Add functionality to allow users to upvote reviews.
   - Display the total upvotes next to each review, sorted by helpfulness when requested.

8. **Launch and Test**:
   - Conduct user testing to gather feedback on functionality and usability.
   - Deploy the application on a cloud service (e.g., Vercel or Netlify) and ensure it meets performance standards.

# USER EXPERIENCE
Users will first arrive at the home page featuring a prominent search bar for module lookup, alongside quick links to trending modules and leaderboards. Once they find a module, they can view its details, ratings, and existing reviews. The interface allows them to easily add their own review after logging in with their UCD email. Throughout their visit, users will experience a clean, minimalist layout that prioritizes readability and efficient navigation, encouraging them to contribute and engage with the content actively. The application will be fully responsive, ensuring usability across various devices, from desktops to smartphones.
```