Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a CRM system specifically for schools, aimed at managing contacts effectively. It will provide educators and administrative staff with tools to organize, track, and communicate with students and their families, enhancing engagement and improving relationships within the school community.

## CORE FEATURES
1. **User Authentication**: Secure login for teachers and administrators to access the CRM system.
2. **Contact Management**: Add, edit, and delete contacts for students, parents, and staff, with detailed information such as contact details and relationship to the student.
3. **Search and Filter**: Efficiently search and filter contacts based on various criteria, such as name, relationship, or enrollment status.
4. **Communication Logs**: Keep records of interactions with contacts, including emails, phone calls, and meetings, to maintain a comprehensive history.
5. **Reporting**: Generate reports based on contact interactions and engagement metrics to assess communication effectiveness.
6. **User Dashboard**: A personalized dashboard for each user to view essential contacts, recent communications, and quick links to commonly used features.

## 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 will feature a sidebar for navigation, a top header for user information, and a main content area that changes based on the selected feature.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication System**: Implement user authentication using a suitable method (e.g., JWT or OAuth).
3. **Develop Core Features**:
   - Build the contact management system with forms for adding and editing contacts.
   - Integrate search and filter functionalities.
   - Create a communication log feature and reporting tools.
   - Design a user dashboard to display essential information and quick actions.
4. **Implement Responsive Design**: Ensure the application is mobile-friendly and adapts well to different screen sizes.
5. **Testing**: Conduct thorough testing to ensure all features work correctly and the user experience is smooth.
6. **Deployment**: Deploy the application using a suitable hosting service (e.g., Vercel or Netlify).

## USER EXPERIENCE
The application will provide a streamlined user experience, allowing users to quickly log in, access their dashboard, and manage contacts with ease. Users will benefit from intuitive navigation, quick search options, and clear visual feedback on their actions. The minimalist design will ensure that users can focus on their tasks without unnecessary distractions, making it easier to manage relationships within the school environment.