Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed for students to exchange information and discuss public elective courses. It will facilitate course selection with essential features like course sharing, discussions, and user profiles, ensuring a modern and user-friendly experience.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to create profiles and save their course selections.
2. **Course Listings**: A searchable database where users can browse available public elective courses, view details, and share their experiences.
3. **Discussion Boards**: Interactive forums for students to ask questions and discuss specific courses, enhancing community engagement.
4. **Profile Management**: Users can manage their profiles, including their enrolled courses, preferences, and personal information.
5. **Rating & Reviews**: Allow users to rate courses and write reviews based on their experiences, helping others make informed decisions.
6. **Notifications**: Real-time updates for users on new discussions, course updates, and responses to their posts.

## 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**: A clean, grid-based layout with a header for navigation, a main content area for course listings and discussions, and a sidebar for user profile management and notifications.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing user data and application state)

## IMPLEMENTATION STEPS
1. **Set up the Development Environment**: Initialize a React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and Redux for state management.
3. **Create User Authentication**: Implement login and registration components with form validation.
4. **Develop Course Listings**: Create a component to fetch and display courses from a mock API or database.
5. **Build Discussion Boards**: Develop interactive components for users to create and respond to posts.
6. **Implement Profile Management**: Create user profile components with the ability to edit information and view enrolled courses.
7. **Integrate Rating & Reviews**: Add functionality for users to submit ratings and reviews for courses.
8. **Set Up Notifications**: Implement a notification system to alert users of updates and responses.

## USER EXPERIENCE
Users will experience a seamless flow from registration to course selection. Upon logging in, they will see a dashboard with course listings and discussion boards. They can easily navigate between sections, post questions, and engage with other students. The design will emphasize clarity and accessibility, ensuring a smooth interaction across devices.