Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The XS University Course Selection Communication App is a comprehensive web application designed for university students and administrators to facilitate course selection and communication regarding elective courses. This app will provide a user-friendly interface for students to register, browse courses, and participate in discussions while allowing administrators to manage course offerings and user interactions efficiently.

## CORE FEATURES
1. **User Authentication**: Secure login and registration pages for both students and administrators, with features for password recovery and session management.
2. **Course Management**: A complete course catalog that allows students to view details of elective courses, including schedules, instructors, and enrollment statistics.
3. **Selection Process**: A robust course selection system with heart-wish lists, real-time conflict detection, and notifications for course availability.
4. **Community Interaction**: A community board where students can post, comment, and evaluate courses, fostering engagement and information sharing.
5. **Admin Dashboard**: An administration panel to manage users, courses, and community posts, with data visualization for insights on course popularity and user engagement.
6. **Notification System**: Alerts for important updates regarding course selections, messages, and community interactions.

## 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**: The application will utilize a card-based layout for course listings and community posts, with a top navigation bar for easy access to different sections and a footer for additional links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Pinia (if needed)

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and configure Tailwind CSS for styling.
2. **Create Authentication Pages**: Develop login and registration components with form validation and error handling.
3. **Build Course Management Features**: Create components for displaying courses and their details, integrating with a backend for data retrieval.
4. **Implement Selection Process Logic**: Add functionality for adding courses to a wish list and checking for conflicts in course timings.
5. **Develop Community Interaction Module**: Create a forum-like component for students to post and comment on courses.
6. **Set Up Admin Dashboard**: Design an admin interface for managing users and courses, including data visualization components using ECharts.
7. **Notification System**: Implement a notification system to push updates to users based on their activities within the app.
8. **Testing and Debugging**: Ensure all features work as intended, fix any bugs, and optimize for performance.
9. **Deployment**: Prepare the application for deployment, ensuring all dependencies are resolved and the application runs smoothly.

## USER EXPERIENCE
Users will have a seamless experience from the moment they land on the application. Students will easily navigate through the login and registration processes, followed by browsing available courses in a visually appealing layout. The community section will encourage interaction through comments and discussions, enhancing their engagement with peers. Administrators will have access to a comprehensive dashboard, allowing them to effectively manage the courses and user interactions, ensuring a smooth operational flow. Notifications will keep users informed about important updates, enhancing the overall usability of the application.