Lovable Prompt Creator - AI Prompt Generator

`code`# ## APPLICATION OVERVIEW
This project is a comprehensive SaaS web application designed for managing school operations. It provides a centralized platform for various user roles, including Super Admin, School Admin, Principal, Teachers, Students, Parents, and more, to efficiently handle tasks related to administration, academics, finance, and reporting.

## CORE FEATURES
1. **User Authentication**: Secure login, registration, and role-based access control to ensure only authorized users can access specific functionalities.
2. **Dashboard Overview**: Role-specific dashboards showing key metrics, notifications, and quick actions for efficient navigation and management.
3. **School Management**: Tools for managing students, teachers, classes, attendance, exams, and results, tailored to the needs of School Admins and Principals.
4. **Finance Management**: Features for managing fees, payments, income, expenses, and financial reports, providing visibility into the institution's financial health.
5. **Reporting & Analytics**: Comprehensive reporting features across all modules, allowing users to generate insights into student performance, attendance, and financial metrics.
6. **Communication Tools**: Modules for notices, notifications, and parent-teacher communication to enhance engagement and collaboration.

## 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 consist of a sidebar for navigation, a top navbar for quick actions, and a main content area displaying dashboards, forms, and reports. Responsive behavior will ensure usability on all device sizes.

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

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript, install Tailwind CSS, and configure shadcn/ui components.
2. **Design the system**: Create a design system including typography, colors, buttons, inputs, and layout components for consistency across the application.
3. **Implement user authentication**: Develop common authentication pages (Login, Forgot Password, Reset Password, etc.) ensuring secure access.
4. **Develop Role-Specific Dashboards**: Create components for each role (Super Admin, School Admin, etc.) with tailored dashboards showing relevant metrics and actions.
5. **Integrate School Management Features**: Build out core functionalities for managing students, teachers, classes, and grades.
6. **Implement Finance Management**: Develop modules for fee collection, financial reporting, and transactions.
7. **Build Reporting and Analytics**: Create reporting tools for various roles and embed analytics for performance tracking.
8. **Test for responsiveness**: Ensure all components are responsive and user-friendly across different devices and screen sizes.
9. **Deploy the application**: Prepare the application for deployment on a suitable platform.

## USER EXPERIENCE
Users will experience a seamless interaction with the application through intuitive navigation, responsive design, and role-specific features. Each user role will have access to a customized dashboard that displays key information and actions relevant to their responsibilities, promoting efficiency and productivity. Communication tools will facilitate engagement among users, enhancing the overall management experience within the school environment.