A full-stack inventory management application built with React.js (frontend) and Node.js + Express (backend). This app allows users to add, edit, delete, and search inventory items β with a bonus rule-based AI feature that suggests categories based on item names.
- Add, edit, and delete inventory items
- Real-time search by name, category, or status
- Category and status auto-filled using rule-based AI
- Low-stock warning indicator
- Modern responsive UI with clean design
- In-memory data storage (no database required)
Frontend
- React.js (functional components + hooks)
- CSS (custom styling)
Backend
- Node.js
- Express.js
- CORS and Body-Parser
inventory-system/
βββ client/ # React frontend
β βββ src/
β βββ components/
β β βββ ItemForm.js
β β βββ ItemList.js
β βββ App.js
βββ server/ # Node.js + Express backend
β βββ index.js
βββ .gitignore
βββ README.md
cd server
npm install
node index.jsBackend will run on:
π http://localhost:5000
cd client
npm install
npm startFrontend will run on:
π http://localhost:3000
This feature auto-fills the category and status when the item name includes certain keywords (e.g., typing "milk" sets category to "Grocery").
Itβs implemented with simple rule-based logic inside ItemForm.js.