How datpro903-dau-24ct1/dau-congnghephanmem works
IT CONNECT is a student social network with a separate administrator role. The main student workflow is account access, then using the routed social pages to share and interact with posts, connect with classmates, message friends, manage notifications, and update a profile; administrators have a separate post-moderation console. The React pages call PHP API endpoints, which use the configured MySQL connection. Relationships are included where the excerpts or README establish them; unsampled page-to-endpoint wiring is not inferred.
Main entry points: App.jsx App router · database.php MySQL connection · ProtectedRoute.jsx Student route gate · Home.jsx Home feed
Components 21
Access and routing
- App router
src/App.jsx - Student route gate
src/ProtectedRoute.jsx - Admin route gate
src/AdminRoute.jsx - Login
src/pages/Login.jsx - Registration
src/pages/Register.jsx
Student social features
- Home feed
src/pages/Home.jsx - Friend connections
src/pages/Friends.jsx - Messaging
src/pages/Messages.jsx - Notifications
src/pages/Notifications.jsx - Profile and account
src/pages/Account.jsx - Admin console
src/pages/Admin.jsx
PHP API
- Authentication API
backend/php/auth - Account API
backend/php/account - Posts and interactions API
backend/php/posts - Friendship API
backend/php/friends - Messaging API
backend/php/messages - Notifications API
backend/php/notifications
Persistence
- MySQL connection
backend/php/config/database.php - MySQL database
Other components
- Students
- Administrators
Connections 36
- Students → App router: use
README.md - Administrators → App router: use
README.md - App router → Login: routes
src/App.jsx - App router → Registration: routes
src/App.jsx - App router → Student route gate: guards student routes
src/App.jsx - App router → Admin route gate: guards admin route
src/App.jsx - App router → Home feed: routes
src/App.jsx - App router → Friend connections: routes
src/App.jsx - App router → Messaging: routes
src/App.jsx - App router → Notifications: routes
src/App.jsx - App router → Profile and account: routes
src/App.jsx - App router → Admin console: routes
src/App.jsx - Student route gate → Home feed: allows
README.md - Student route gate → Friend connections: allows
README.md - Student route gate → Messaging: allows
README.md - Student route gate → Notifications: allows
README.md - Student route gate → Profile and account: allows
README.md - Admin route gate → Admin console: allows admin
README.md - Login → Authentication API: calls
- Registration → Authentication API: calls
- Home feed → Posts and interactions API: fetches posts and comments
src/pages/Home.jsx - Home feed → Friendship API: fetches friends
- Home feed → Notifications API: fetches notifications
- Friend connections → Friendship API: uses
- Messaging → Messaging API: fetches messages
src/pages/Messages.jsx - Notifications → Notifications API: uses
src/pages/Notifications.jsx - Profile and account → Account API: updates profile
src/pages/Account.jsx - Profile and account → Posts and interactions API: loads posts
- Admin console → Posts and interactions API: moderates posts
- Authentication API → MySQL connection: connects via
backend/php/auth/login.php - Account API → MySQL connection: connects via
backend/php/account/update.php - Posts and interactions API → MySQL connection: connects via
backend/php/posts/posts.php - Friendship API → MySQL connection: connects via
backend/php/friends/action.php - Messaging API → MySQL connection: connects via
backend/php/messages/get-messages.php - Notifications API → MySQL connection: connects via
backend/php/notifications/notifications.php - MySQL connection → MySQL database: opens connection
backend/php/config/database.php