This project is a school management dashboard built with React, TypeScript, and Next.js. The application provides an intuitive interface for managing students, teachers, and other school-related activities, offering a seamless user experience with interactive and responsive design elements.
- Responsive Layout: The dashboard is designed to work on both desktop and mobile devices with a fully responsive layout.
- Multi-Role Dashboards: Different dashboards for Admin, Teacher, Student, and Parent, each offering role-specific features and access.
- Interactive Tables: Includes dynamic tables that can display and manage data such as student grades, schedules, and more.
- Animated Charts: Features animated charts (bar, radial, line) to visualize various statistics like performance, attendance, and grades.
- Calendar Integration: A built-in calendar to manage school events, assignments, and class schedules.
- Authentication: Secure login for different user roles (Admin, Teacher, Student, Parent) with role-based access control.
- Frontend:
- React.js: For building the interactive user interface.
- TypeScript: For type safety and better code maintainability.
- Next.js: For server-side rendering and better performance.
- Tailwind CSS: A utility-first CSS framework for styling.
- State Management: React hooks (useState, useEffect) for managing state.
- Authentication: Secure role-based login system.
- Charting: Animated charts for visual data representation.


