The Inventory Management System is a simple and intuitive pantry tracker app designed to help households manage and keep track of their food supplies efficiently. Built during a fellowship with The Headstarter.AI under the guidance of Yasin and following Bill Zhang's instructions, this app aims to reduce waste and assist in meal planning. The app leverages modern web technologies including JavaScript, CSS, Firebase, and Material-UI to provide a seamless user experience.
To install and run the Inventory Management System locally, follow these steps:
- Clone the repository:
git clone https://github.com/azaynul10/inventory-management-system.git
- Navigate to the project directory:
cd inventory-management-system - Install the dependencies:
npm install
- Start the development server:
npm start
- Add items to your inventory
- Monitor item quantities in real-time
- Remove items when they're sold or used
- User-friendly interface
- Real-time updates with Firebase Firestore
- Responsive design powered by Material-UI
- Next.js
- React
- Material-UI
- Firebase Firestore
- JavaScript
- CSS
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
- Open the application in your browser
- Use the "Add Item" button to add new items to your inventory
- View your current inventory in the main dashboard
- Update quantities or remove items as needed
- Enjoy real-time updates across all devices
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
This project was developed during a fellowship with The Headstarter.AI, guided by Yasin and inspired by Bill Zhang's blog and video lessons. Special thanks to Bill Zhang for his insightful tutorials and mentorship.
Explore the app live here. For more projects and updates, visit my GitHub profile.
This project is licensed under the MIT License - see the LICENSE.md file for details.
