Inventory Management Application Frontend (Next.js)

Overview

This is the frontend component of an Inventory Management web application built using Next.js. It provides a user-friendly interface for managing inventory items, categories, suppliers, stores, and more.

Features

• Item creation and management.
• Categories & Supplier creation management.
• Create & update Store inventory items(Purchase orders are used to restock store).
• Search and filter functionality.
• Inventory threshold visibility & with red markers for items at threshold
• Purchase order management, including creation, Admin approval and Staff delivery
• User Signup and Login
• User Role management & Store assignment

Demo

Store Management Application Demo - Watch Video

Code and Technology Overview

Building a Store Management Application: Code and Technology Overview - Watch Video

Getting Started

Presentation with demo here

The app is hosted on Vercel here 👀. The Backend Repository is here.

If you are not seeing any data on the homepage, please be patient, initial loading takes a while.

To get a local copy of the project up and running, follow these steps:

Prerequisites

• Node.js installed on your system.
• A Backend API repository see here
• Package manager, such as npm

Installation

• Clone the repository:

git clone https://github.com/refinedblessing/inventory-management-frontend.git

• Change into the project directory

cd inventory-management-frontend

• Install the dependencies

npm install

• Start the development server:

npm run dev

• Open http://localhost:3000 with your browser to see the result.

** Include your own .env file and set the API URL when testing locally.

** Backend API gets turned off to avoid incurring costs 😅