Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to manage a database of female students, capturing extensive data such as identity, nationality, address, emergency contacts, health records, and parental information. The application will feature secure login capabilities for three user roles: Administrator (full access), Administrative (add and edit capabilities), and Viewer (read-only access), ensuring data protection and privacy.

## CORE FEATURES
1. **User Authentication**: Secure login system with role-based access control, allowing different permissions for Administrators, Administratives, and Viewers.
2. **Student Database Management**: A comprehensive interface for managing student profiles, including identity, nationality, address, emergency contacts, and health records.
3. **Parental Information Storage**: Features for inputting and managing parental details and associated documents for each student.
4. **Notes and Documentation**: Capability to add notes and upload documents related to each student for easy access and management.
5. **Secure Data Protection**: Full data protection measures ensuring that no information is visible until the user is logged in.

## 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 top navigation bar, a sidebar for user role-specific options, and a central content area displaying forms and student data tables.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user sessions and application state.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React application with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Authentication Module**: Implement user authentication with role management and secure login functionality.
4. **Build Student Database Interface**: Develop forms for adding, editing, and displaying student information alongside parental and health records.
5. **Implement Secure Data Access**: Ensure that all data is protected and only accessible upon successful login, depending on user roles.
6. **Design UI Components**: Utilize Tailwind CSS and shadcn/ui to create a clean, minimalist interface that aligns with the design specifications.
7. **Testing**: Conduct thorough testing of all functionalities, ensuring security features work correctly and that the user experience is seamless.

## USER EXPERIENCE
Users will interact with the application through a straightforward interface. Upon logging in, they will see a dashboard tailored to their role, with options to manage student records, view parental information, and access health notes. The design will emphasize ease of navigation and clarity, ensuring that users can quickly find and manage the information they need. Clear prompts and intuitive layout will guide users through the data entry and retrieval processes.