Library Admin Frontend

Administrative dashboard for a college library initiative, designed to help track student activity, book usage, and operational trends through charts, tables, and admin workflows.

This repository pairs with the Node.js backend in Libraray-Admin-BackEnd-Main.

What It Includes

• KPI-style library dashboard
• Student management table with editing workflow
• CSV upload page for batch operations
• Department and genre analytics
• Pie, bar, and line chart views
• Sidebar-driven admin navigation

Tech Stack

• React 18
• Material UI
• MUI Data Grid
• Nivo charts
• React Router
• Axios

Key Screens

• dashboard: summary metrics and chart overview
• team: student management grid
• csv-upload: batch data upload UI
• pie, pieSubject, pieDepartment: usage breakdowns
• bar, barDepartment, line: trend and distribution charts
• form: admin profile-style form flow

Project Structure

• src/scenes/dashboard: overview dashboard
• src/scenes/team: student management
• src/scenes/csv-upload: bulk-upload UI
• src/scenes/global: reusable layout components such as sidebar and topbar
• src/components: shared UI and chart components
• src/data: mock data used to shape dashboard visualizations

Running Locally

npm install
npm start

This app was built as a dashboard-style admin interface and is intended to run alongside the paired backend service.

Why This Repo Matters

This project highlights dashboard and internal-tool development: data-heavy interfaces, admin workflows, chart-driven analytics, and structured navigation for operational users.