Efficiently track and manage your entire inventory from a single dashboard. Add new products, update quantities, organize items by category, and monitor stock levels in real-time. The system automatically alerts you when stock runs low, helping you avoid shortages.
A centralized dashboard designed to streamline stock tracking, automate low-stock alerts, and provide real-time visibility into product lifecycles.
This system serves as a "Single Source of Truth" for inventory operations. It eliminates manual tracking errors by providing a unified interface to manage product quantities, categories, and automated replenishment alerts.
- Centralized Command Dashboard: View total stock value, item counts, and recent activity from a single, high-level view.
- Dynamic Product Management: Full CRUD (Create, Read, Update, Delete) capabilities for adding new items and organizing by category.
- Automated Low-Stock Alerts: Real-time monitoring that triggers visual warnings when quantities drop below a custom-defined threshold.
- Real-Time Stock Updates: Instant state management ensures that when an item is sold or added, the dashboard reflects it immediately.
- Categorization & Search: Filter and find items quickly across large datasets.
- Frontend: HTML, CSS and Javascript (for the responsive dashboard)
- Icons: FontAwesome
- Backend: Node.js, Express.js
- Database: MongoDB (utilizing Aggregation for stock summaries)
The system uses a Threshold Monitoring Engine:
- Status Calculation:
status = (quantity <= threshold) ? "Low Stock" : "In Stock" - Visual Indicators: The dashboard dynamically styles items based on their status, allowing for "management by exception."
- Real-Time Sync: Utilizing a unified state, any change to a product quantity propagates to the total inventory count without a page refresh.
- Clone the repo.
- Run
npm installin the root and/clientfolders. - Configure your
.envfor MongoDB. - Run
npm run devto launch the dashboard.