Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The AI Attendance Manager is a web application designed to automate student attendance management using facial recognition technology. It aims to streamline the process of marking attendance, eliminate proxy attendance, and improve accuracy and efficiency in educational institutions.

## CORE FEATURES
1. **Real-Time Face Detection**: Capture images of students as they enter the classroom using a camera, ensuring accurate identification.
2. **Facial Recognition**: Utilize AI algorithms to compare captured images against a pre-stored database of student faces for attendance marking.
3. **Automated Attendance Logging**: Automatically mark students as present or absent based on facial recognition results, reducing manual effort.
4. **Time Tracking**: Log in-time and out-time for each student to monitor total attendance duration.
5. **User-Friendly Dashboard**: Provide an interface for administrators and teachers to view attendance reports, manage student profiles, and export data.
6. **Data Analytics and Reporting**: Generate insightful reports on attendance patterns and absenteeism to support academic performance tracking.

## 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 hero section for introducing the application, followed by sections for features, a user dashboard, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React Context API or Redux if the application grows.

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize a new React project with TypeScript. Install Tailwind CSS and set up shadcn/ui components.
2. **Create Component Structure**: Develop the basic layout components including Header, Footer, Dashboard, and Feature sections.
3. **Implement Face Detection Module**: Integrate camera access and set up the logic for capturing images.
4. **Develop Facial Recognition Logic**: Use an appropriate library for facial recognition and implement the backend to handle image processing.
5. **Attendance Logging Functionality**: Create the logic for marking attendance based on facial recognition results and storing records in the database.
6. **Build User Dashboard**: Develop a dashboard for administrators to view and manage attendance data, utilizing charts for data visualization.
7. **Testing and Debugging**: Conduct thorough testing of each component and the overall application to ensure reliability and performance.
8. **Deployment**: Prepare the application for production and deploy it on a suitable hosting platform.

## USER EXPERIENCE
Users will interact with the AI Attendance Manager through a straightforward and intuitive interface. Upon entering the classroom, the system will automatically capture their image and log attendance without any manual input required. Administrators will have access to a dashboard where they can view attendance reports, manage student profiles, and analyze data trends, ensuring a seamless experience for both students and faculty. 

This comprehensive approach ensures the AI Attendance Manager meets the needs of educational institutions while providing a modern, efficient solution to attendance management.