AbinVarghexe/LigthSuvara-Web-App
A modern Admin Dashboard for educational management featuring role-based access, event workflows, and student grading. Built with React, TypeScript, Tailwind CSS, and Firebase
Admin Dashboard UI Design
A modern, responsive dashboard for managing Schools, Users, and Events.
โจ Overview
Admin Dashboard is a centralized platform designed to streamline administration for educational institutions and event coordinators. It provides a robust set of tools for managing Users (Admins, Schools, Animators), Events, and Student Marks.
With a focus on User Experience, the dashboard features a premium dark mode, responsive layouts, and interactive data visualizations.
๐ Analytics ยท ๐ฅ User Roles ยท ๐ Events ยท ๐ Grading
๐ Key Features
- Role-Based Management โ Distinct portals for Admins, Schools, and Animators.
- Event Orchestration โ Complete workflow involves creation, approval, and rejection.
- Data Visualization โ Radar and Bar charts for actionable insights.
- Theme Awareness โ Stunning Dark/Light mode with circular reveal transitions.
- Bulk Operations โ CSV uploads for efficient user management.
- Mobile Optimized โ A seamless experience across all devices.
๐ ๏ธ Tech Stack
Built with cutting-edge web technologies for performance and scalability:
๐ฆ Installation
This project uses pnpm for package management.
Run locally
git clone https://github.com/AbinVarghexe/Admindashboarduidesign.git
cd Admindashboarduidesign
# Install dependencies
pnpm install
# Start development server
pnpm run devSee Quick Start for detailed instructions.
๐ฅ Contributors
Thanks to the team for making this project possible!
๐ License
This project is licensed under the MIT License โ see the LICENSE file for details.
Designed & Developed with โค๏ธ
โญ Star this repo if you find it helpful!