How damian591/full-stack-user-and-product-management-system works
This is a full-stack user and product management application. A person uses the React interface to view records and create, edit, or delete them; the interface sends requests to the Express API, which uses Mongoose models to access MongoDB. User and product CRUD are distinct domain branches, while the client keeps the two collections and their form state together in one component. The client excerpt is partial, so the graph shows documented capabilities where supported but does not infer additional UI modules or routes.
Main entry points: App.js Management UI · index.js User CRUD API · Users.js User model · Products.js Product model
Components 8
React client
- Management UI
3ND/client/src/App.js
Express API
- User CRUD API
3ND/server/index.js - Product CRUD API
3ND/server/index.js - MongoDB connection
3ND/server/index.js
MongoDB data
- User model
3ND/server/models/Users.js - Product model
3ND/server/models/Products.js
Other components
- User
- MongoDB Atlas
Connections 8
- User → Management UI: uses
- Management UI → User CRUD API: requests user CRUD
- Management UI → Product CRUD API: requests product CRUD
- User CRUD API → User model: queries and saves
- Product CRUD API → Product model: queries and saves
- User model → MongoDB Atlas: reads and writes
- Product model → MongoDB Atlas: reads and writes
- MongoDB connection → MongoDB Atlas: connects