How nithish-git04/fullstackwebapp works
This repository implements student, course, and enrollment management with authentication, exposed through a FastAPI backend and two browser clients. The React workflow routes users to protected list and detail pages, where query/mutation hooks communicate with the API; the backend registers separate auth and domain routers. The sampled source confirms enrollment requests and React routing, but does not show backend router internals or most page-to-component wiring, so those links are kept conservative.
Main entry points: App.jsx App routing · main.py FastAPI app · api.jsx API client · main.js Vanilla entry
Components 22
React client
- App routing
frontend-react/src/App.jsx - Auth state
frontend-react/src/AuthContext.jsx - Login and signup
frontend-react/src/Page/LoginPage.jsx - Student pages
frontend-react/src/Page/StudentsPage.jsx - Course pages
frontend-react/src/Page/CoursesPage.jsx - Enrollment page
frontend-react/src/Page/EnrollmentsPage.jsx - Detail pages
frontend-react/src/Detail_Page/StudentDetailPage.jsx - Record managers
frontend-react/src/Manager/StudentManager.jsx - Record lists
frontend-react/src/List/StudentList.jsx - Data hooks
frontend-react/src/Hooks/useEnrollments.js - Create enrollment
frontend-react/src/Hooks/useCreateEnrollment.js - API client
frontend-react/src/api.jsx
Backend API
- FastAPI app
backend/main.py - Auth routes
backend/routers/auth.py - Student routes
backend/routers/students.py - Course routes
backend/routers/courses.py - Enrollment routes
backend/routers/enrollments.py - Domain models
backend/models.py - Database setup
backend/databases.py
Vanilla client
- Vanilla entry
frontend-vanillaJS/main.js - Vanilla auth
frontend-vanillaJS/auth.js
Other components
- User
Connections 16
- User → App routing: uses
- App routing → Login and signup: routes to
- App routing → Student pages: routes to
- App routing → Course pages: routes to
- App routing → Enrollment page: routes to
- App routing → Detail pages: routes to
- App routing → Auth state: reads auth
- Data hooks → API client: requests through
- Create enrollment → API client: posts through
- API client → FastAPI app: sends requests
- FastAPI app → Auth routes: registers
- FastAPI app → Student routes: registers
- FastAPI app → Course routes: registers
- FastAPI app → Enrollment routes: registers
- Vanilla entry → User: accepts input
- Vanilla entry → Vanilla auth: calls