How golu19102003/society360-smart-society-management-system works
Society360 is a residential-community management application for residents, committee members, and staff. Users enter through the React interface, sign in or register, then use dashboard and service modules for visitors, maintenance, finance, communication, amenities, and administration. The frontend context coordinates application state and API requests; the Express server exposes corresponding routes, with authentication middleware reading user records from MongoDB. The README also describes complaints, safety, and emergency features, but the tree shows only frontend modules for these, so no backend wiring is inferred. Backend route internals and API endpoint mappings were not sampled.
Main entry points: App.js React application · server.js Express API · AppContext.js Application state · api.js API client
Components 28
Frontend experience
- React application
frontend/src/App.js - Application state
frontend/src/contexts/AppContext.js - API client
frontend/src/services/api.js - User dashboard
frontend/src/components/UserDashboard/Dashboard.js - Plan checkout
frontend/src/components/CheckoutPage/Checkout.js
Backend API
- Express API
backend/src/server.js
Society operations
- Visitor management
frontend/src/components/ServiceModules/VisitorManagement.js - Maintenance requests
frontend/src/components/ServiceModules/Maintenance.js - Finance and billing
frontend/src/components/ServiceModules/Finance.js - Community communication
frontend/src/components/ServiceModules/Communication.js - Administration
frontend/src/components/ServiceModules/Administration.js - Amenities booking
frontend/src/components/ServiceModules/Amenities.js - Issue reporting
frontend/src/components/ServiceModules/Complaints.js - Safety monitoring
frontend/src/components/ServiceModules/Security.js - Emergency response
frontend/src/components/ServiceModules/Emergency.js - Visitor routes
backend/src/routes/visitors.js - Maintenance routes
backend/src/routes/maintenance.js - Finance routes
backend/src/routes/finance.js - Payment routes
backend/src/routes/payments.js - Communication routes
backend/src/routes/communication.js - Administration routes
backend/src/routes/administration.js - Amenities routes
backend/src/routes/amenities.js
Identity and data
- Authentication routes
backend/src/routes/auth.js - User routes
backend/src/routes/users.js - JWT access control
backend/src/middleware/auth.js - User model
backend/src/models/User.js - MongoDB
Other components
- Community user
Connections 26
- Community user → React application: uses
- React application → Application state: provides state
- React application → User dashboard: routes to
- React application → Visitor management: routes to
- React application → Maintenance requests: routes to
- React application → Finance and billing: routes to
- React application → Community communication: routes to
- React application → Administration: routes to
- React application → Amenities booking: routes to
- React application → Issue reporting: routes to
- React application → Safety monitoring: routes to
- React application → Emergency response: routes to
- React application → Plan checkout: routes to
- Application state → API client: requests data
- API client → Express API: HTTP requests
- Express API → Authentication routes: mounts
- Express API → User routes: mounts
- Express API → Visitor routes: mounts
- Express API → Maintenance routes: mounts
- Express API → Finance routes: mounts
- Express API → Payment routes: mounts
- Express API → Communication routes: mounts
- Express API → Administration routes: mounts
- Express API → Amenities routes: mounts
- JWT access control → User model: loads user
- User model → MongoDB: uses