This is a NextJS starter in Firebase Studio.
To get started, take a look at src/app/page.tsx. App Name: School Hub Core Features: Role Based Access Control: User authentication with different role based access control (Admin, Teacher, Student, Parent) Student Profiles: Create and manage student profiles including personal information, emergency contacts, and medical details, closely following the registration form in the provided image. Form Generation Tool: Create and manage digital forms based on images using LLMs. School Notices: Create and Display the announcements, events, and newsletters Staff Directory: Provide a searchable directory of teachers and staff. Interactive Calendar: Create interactive calendar showing events Style Guidelines: Primary color: #2E86AB (RGB). A calming blue hue representing trust and education. It is versatile and contrasts well in both light and dark themes. Background color: #F0F8FF (RGB). A very light blue, almost white, creating a clean and calming backdrop that makes other elements stand out. Accent color: #A93226 (RGB). A rich red-brown. Use sparingly to highlight important actions or notifications without overwhelming the interface. Body font: 'Inter', sans-serif. Provides a modern, machined, objective, and neutral look, ideal for both headlines and body text. Use clean, modern icons for navigation and key features. Icons should be consistent in style and weight. A clean, well-organized layout that is easy to navigate. Important information should be immediately accessible. Use subtle animations and transitions to enhance user experience. Animations should be used to provide feedback and guide users through the app. by @enoughsudhanshu