How ayushsrivastava1818/webdev-project-1043-1048- works
SchoolHub combines public school information and admissions with a student portal for attendance and exam results. Visitors navigate the React site to read school pages, search notices, or submit enquiries; students log in and view their portal data. The frontend service layer communicates with Flask, which queries PostgreSQL. README documents the broader features and three-tier flow; sampled source confirms selected routes and calls, but not every backend handler implementation.
Main entry points: api.js Frontend API Service · App.jsx React Router App · Home.jsx Home Page · Notices.jsx Notice Board
Components 24
Public School Website
- React Router App
frontend/src/App.jsx - Navigation Drawer
frontend/src/components/Navbar.jsx - School Footer
frontend/src/components/Footer.jsx - Home Page
frontend/src/pages/Home.jsx - About Page
frontend/src/pages/About.jsx - Academics Page
frontend/src/pages/Academics.jsx - Facilities Page
frontend/src/pages/Facilities.jsx - Facility Card
frontend/src/components/FacilityCard.jsx - Notice Board
frontend/src/pages/Notices.jsx - Notice Card
frontend/src/components/NoticeCard.jsx - Contact and Admissions
frontend/src/pages/Contact.jsx
Student Portal
- Student Login
frontend/src/pages/StudentLogin.jsx - Student Dashboard
frontend/src/pages/StudentDashboard.jsx
Application Services
- Frontend API Service
frontend/src/services/api.js - Flask REST API
backend/app.py - Notice Endpoints
backend/app.py - Enquiry Endpoint
backend/app.py - Login Endpoint
backend/app.py - Profile Endpoint
backend/app.py - Results Endpoint
backend/app.py - Attendance Endpoint
backend/app.py
Persistence
- Database Access
backend/database.py - SchoolHub Database
Other components
- Visitor or Student
Connections 28
- Visitor or Student → React Router App: uses
README.md - React Router App → Navigation Drawer: renders
frontend/src/App.jsx - React Router App → School Footer: renders
frontend/src/App.jsx - React Router App → Home Page: routes to
frontend/src/App.jsx - React Router App → About Page: routes to
frontend/src/App.jsx - React Router App → Academics Page: routes to
frontend/src/App.jsx - React Router App → Facilities Page: routes to
frontend/src/App.jsx - React Router App → Notice Board: routes to
frontend/src/App.jsx - React Router App → Contact and Admissions: routes to
frontend/src/App.jsx - React Router App → Student Login: routes to
frontend/src/App.jsx - React Router App → Student Dashboard: routes to
frontend/src/App.jsx - Facilities Page → Facility Card: renders
frontend/src/pages/Facilities.jsx - Home Page → Frontend API Service: fetches latest notices
frontend/src/pages/Home.jsx - Home Page → Notice Card: renders
frontend/src/pages/Home.jsx - Notice Board → Frontend API Service: fetches notices
frontend/src/pages/Notices.jsx - Notice Board → Notice Card: renders
frontend/src/pages/Notices.jsx - Contact and Admissions → Frontend API Service: submits enquiry
frontend/src/pages/Contact.jsx - Student Login → Frontend API Service: authenticates
frontend/src/pages/StudentLogin.jsx - Student Dashboard → Frontend API Service: loads portal data
frontend/src/pages/StudentDashboard.jsx - Frontend API Service → Flask REST API: HTTP JSON
README.md - Frontend API Service → Notice Endpoints: requests notices
frontend/src/services/api.js - Frontend API Service → Enquiry Endpoint: posts enquiry
frontend/src/services/api.js - Frontend API Service → Login Endpoint: posts credentials
frontend/src/services/api.js - Frontend API Service → Profile Endpoint: requests profile
frontend/src/services/api.js - Frontend API Service → Results Endpoint: requests results
frontend/src/services/api.js - Frontend API Service → Attendance Endpoint: requests attendance
frontend/src/services/api.js - Flask REST API → Database Access: gets connection
backend/app.py - Database Access → SchoolHub Database: queries
README.md