How davidddsssssdoescode/bsu-portal-remake works
This is a student portal with a React client and an Express service. The visible workflow is student login, credential validation, and navigation to a dashboard that presents student information; the server also exposes a separate student-profile lookup. The app includes a portal navigation drawer and overlay. Dashboard data-fetching and API URL configuration are not shown in the sampled source, so their wiring is left out.
Main entry points: App.tsx App routes · Login.tsx Login form · AuthAPI.ts Auth API client · users.ts Student routes
Components 14
Portal client
- App routes
client/src/App.tsx - Login form
client/src/pages/Login.tsx - Auth API client
client/src/apis/AuthAPI.ts - Student dashboard
client/src/pages/MainPortal.tsx - Student profile view
client/src/components/MainPortal/UserInfo.tsx - Portal header
client/src/components/Header.tsx - Navigation drawer
client/src/components/MainPortal/NavBar/NavBar.tsx - Modal overlay
client/src/components/Modals/ModalOverlay.tsx
Student service
- Express server
server/src/server.ts - Student routes
server/src/routes/users.ts
Student data
- Postgres pool
server/src/configs/pool.ts
Other components
- Student
- Login API
- Students database
Connections 13
- Student → App routes: opens
- App routes → Login form: routes
- App routes → Student dashboard: routes
- App routes → Portal header: renders
- App routes → Navigation drawer: renders
- App routes → Modal overlay: renders
- Student → Login form: submits credentials
- Login form → Auth API client: calls
- Auth API client → Login API: posts credentials
- Login form → Student dashboard: navigates on success
- Express server → Student routes: mounts routes
- Student routes → Postgres pool: queries
- Postgres pool → Students database: reads