How toobabutt306/weekend-project-student-management-system works
The repository is a browser-based student-record ledger for an administrator: sign in, view and manage student records, and inspect academic summaries or export records. The sampled JavaScript shows login and UI state, record search/filter/sort, grade and summary calculations, charts, and JSON export; the data file supplies subjects, departments, and seed records. The excerpts do not establish all event-handler or persistence wiring, so uncertain links are omitted.
Main entry points: app.js Application controller · index.html Ledger page · data.js Student records
Components 17
Admin interface
- Ledger page
index.html - Application controller
js/app.js - Login screen
js/app.js - Tab navigation
js/app.js
Student records
- Student records
js/data.js - Seed records
js/data.js - Record listing
js/app.js - Search and filters
js/app.js - Record management
js/app.js - Form validation
js/app.js
Results and insights
- Grade calculations
js/app.js - Dashboard summaries
js/app.js - Academic charts
js/app.js - JSON export
js/app.js
Other components
- Administrator
- Chart.js
- Browser download
Connections 17
- Administrator → Ledger page: uses
- Ledger page → Application controller: hosts
- Application controller → Login screen: shows
- Application controller → Tab navigation: switches tabs
- Application controller → Record listing: renders
- Record listing → Search and filters: filters and sorts
- Record listing → Student records: reads records
- Application controller → Record management: manages records
- Record management → Form validation: validates input
- Application controller → Seed records: uses seed data
- Application controller → Grade calculations: calculates grades
- Application controller → Dashboard summaries: updates dashboard
- Dashboard summaries → Grade calculations: uses averages
- Application controller → Academic charts: renders charts
- Academic charts → Chart.js: creates charts
- Application controller → JSON export: exports records
- JSON export → Browser download: downloads JSON