Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to serve as a minimalist electronic journal for students and educators. The application will feature a clean and premium design, focusing on usability and accessibility, allowing different user roles such as admin, director, secretary, teacher, and student to access the platform. The initial focus will be on a streamlined login process that complies with legal requirements.

## CORE FEATURES
1. **User Authentication**: A simple login form featuring fields for email and password, without registration or password recovery options, ensuring a straightforward access method.
2. **User Roles**: Distinct dashboards and functionalities for each user role (admin, director, secretary, teacher, and student) to tailor the experience and provide relevant features.
3. **Dashboard Overview**: A clean and user-friendly dashboard for each role that displays relevant information and actions in an organized manner.
4. **Visual Design**: A premium minimalist aesthetic that emphasizes clarity and ease of navigation, using a limited color palette and ample white space.
5. **Legal Compliance**: The login and user data handling will adhere to legal standards applicable to educational institutions.

## 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 centered login form over a subtly tinted background image of students or a classroom, ensuring it remains visually appealing and focused.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (optional, depending on the complexity of user data handling)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Login Component**: Design the login form with fields for email and password, styled according to the design specifications.
3. **Implement Background**: Add a background image of students or a classroom with a blue overlay to maintain focus on the login form.
4. **User Role Management**: Set up role-based access control to manage user permissions and dashboard views.
5. **Dashboard Development**: Create separate dashboard components for each user role, ensuring they are accessible after successful login.
6. **Testing and Compliance**: Test the application to ensure it meets legal requirements for educational journals, focusing on data privacy and security.

## USER EXPERIENCE
Users will interact with a sleek login interface that provides a straightforward entry point into the application. After logging in, users will be directed to their respective dashboards, where they can view relevant information and access features tailored to their roles. The minimalist design will enhance usability, making navigation intuitive and efficient.