Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
CampusRide is a web application designed for university students to facilitate ride-sharing and transportation coordination around campus. It provides an easy-to-navigate interface with essential features tailored to enhance the student commuting experience, allowing users to find rides quickly and safely.

## CORE FEATURES
1. **Home Screen**: Features a map background with a pickup location field, a sudden class time selector, and a prominent "Find Ride" button to initiate ride requests.
2. **Match List Screen**: Displays student profile cards with verified campus badges, neighborhood locations, departure times, and an "Ask to Join" button for students to connect with potential ride partners.
3. **Active Trip Screen**: Shows a pickup point map, partner info card, in-app chat button for real-time communication, and a prominent red SOS safety icon for emergency situations.
4. **User Authentication**: Allows students to create accounts, log in, and verify their student status for enhanced security and trust in the platform.
5. **In-App Messaging**: Enables users to communicate with their ride partners directly within the app, fostering better coordination.
6. **Safety Features**: Incorporates features like ride tracking, emergency contact notifications, and verification badges to ensure user safety.

## 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 main layout structure consists of a tabbed navigation bar at the bottom, with three main screens (Home, Match List, Active Trip) easily accessible. Each screen is designed for clarity and simplicity, with a focus on the most important elements to facilitate user interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing user sessions and ride requests.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript, and install Tailwind CSS and shadcn/ui components.
2. **Create Components**: Build the main components for each screen (Home, Match List, Active Trip) using functional components and hooks.
3. **Implement Routing**: Set up React Router for navigation between the main screens.
4. **Design the UI**: Apply Tailwind CSS classes to achieve a minimalist design, ensuring proper spacing, typography, and color use.
5. **Integrate State Management**: Set up Redux to manage user authentication and ride sharing data.
6. **Develop Core Features**: Implement the Home Screen functionality, including the map and ride request features. Follow with the Match List and Active Trip screens.
7. **Testing and Debugging**: Conduct thorough testing to ensure all features work correctly and the app is responsive across devices.
8. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment, ensuring the app is accessible to users.

## USER EXPERIENCE
CampusRide focuses on providing a seamless user experience with intuitive navigation and clear interactions. Users will start at the Home Screen, quickly input their pickup location and class time, and easily find rides by tapping "Find Ride." They can review potential matches on the Match List Screen and initiate chats with partners before confirming rides. The Active Trip Screen ensures users feel safe and informed during their ride, with easy access to emergency features and real-time updates. This structure prioritizes user engagement and satisfaction, making commuting straightforward and safe for university students.