Aplicación web para la gestión de una escuela infantil
Generated Prompt
## APPLICATION OVERVIEW This web application is designed for managing a preschool, providing an intuitive platform for administrators, teachers, and parents to interact and manage daily operations. It will streamline communication, attendance tracking, and curriculum management while fostering a user-friendly experience. ## CORE FEATURES 1. **User Authentication**: Secure login for teachers, administrators, and parents to access personalized dashboards. 2. **Attendance Tracking**: Easily mark and monitor attendance for each class with reporting features. 3. **Curriculum Management**: Admins and teachers can create, edit, and manage lesson plans and activities. 4. **Parent Communication**: A messaging system for teachers to communicate with parents regarding updates, events, and concerns. 5. **Event Calendar**: A shared calendar for important events, holidays, and school activities that can be synchronized with personal calendars. 6. **Reports and Analytics**: Generate reports on attendance, engagement, and academic performance to aid in decision-making. ## 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**: A clean layout featuring a sidebar navigation for core functionalities, a top header for quick access to notifications, and a content area that displays relevant information dynamically based on user interactions. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux Toolkit (for managing application state) ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling. 2. **Install Dependencies**: Include shadcn/ui components and Redux Toolkit for state management. 3. **Create Authentication Flow**: Implement user authentication with secure routes for different user roles (admin, teacher, parent). 4. **Develop Core Features**: Build components for attendance tracking, curriculum management, parent communication, and event calendar. 5. **Design User Interface**: Apply the minimalist design specifications using Tailwind CSS, ensuring responsive design for various devices. 6. **Testing**: Conduct user testing to ensure all features work seamlessly and gather feedback for improvements. 7. **Deployment**: Prepare the application for deployment using platforms like Vercel or Netlify. ## USER EXPERIENCE The application will provide a seamless user experience with easy navigation through a sidebar. Users will find a dashboard tailored to their roles, displaying relevant information and quick action buttons. Interaction flows will be streamlined, allowing easy access to features like attendance marking and messaging, ensuring that users can efficiently manage tasks without confusion. Each page will maintain the minimalist aesthetic, enhancing usability and focus on content.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
