This is a full-stack Inventory Management System built with Next.js for the frontend and Django REST Framework (DRF) for the backend. The system allows users to manage inventory, track stock levels, view trends, and monitor low-stock alerts.
- Dashboard: Displays inventory trends, low-stock alerts, and recent activity.
- Inventory Management: Add, update, and delete inventory items.
- Category Management: Organize inventory into categories.
- Charts and Analytics: Visualize inventory trends and stock levels using interactive charts.
- Authentication: Secure login and registration system.
- Responsive Design: Fully responsive UI for desktop and mobile devices.
- Search Functionality: Search inevntory items by name, category or sku.
- Filtering & Sorting: Sort and filter inventory item by category, price.
You can view the live application here:
The backend API for this project is built with Django REST Framework. You can find the API documentation and endpoints here:
Follow these steps to set up the project locally.
Make sure you have the following installed on your system:
-
Clone the repository:
git clone https://github.com/namodynamic/inventory-management-ui.git cd inventory-management-ui -
Install dependencies:
npm install # or yarn install -
Create a
.env.localfile in the root directory and add the following environment variables:NEXT_PUBLIC_API_BASE_URL=http://localhost:8000/api
-
Start the development server:
npm run dev # or yarn dev -
Open http://localhost:3000 in your browser to view the application.
The backend is built using Django REST Framework. Follow the instructions in the backend repository to set up it up.
Frontend
- Next.js - React framework for building web applications
- TypeScript - Strongly typed programming language that builds on JavaScript
- Tailwind CSS - Utility-first CSS framework
- Shadcn UI - UI component library
Backend
- Django - Python web framework
- Django REST Framework - REST framework for Django
- PostgreSQL - Relational database management system
