InventoryManagementSystem

InventoryManagementSystem with django & nextjs

Preview

<div style='display:flex;flex-direction:row;width:100%;' > <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:100%;margin:10px;border-radius:8px' src="./img/login-desktop.png" alt="info" /> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:100%;margin:10px;border-radius:8px' src="./img/login-mobile.png" alt="info"/> </div> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:100%;margin:10px;border-radius:8px' src="./img/index-desktop-1.png" alt="info"/> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:100%;margin:10px;border-radius:8px' src="./img/index-desktop-2.png" alt="info"/> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:40%;height:auto;margin:10px;border-radius:8px' src="./img/menuoverlay-mobile.png" alt="info"/> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:40%;height:auto;margin:10px;border-radius:8px' src="./img/index-mobile.png" alt="info"/> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:60%;height:auto;margin:10px;border-radius:8px' src="./img/index-ipad.png" alt="info"/> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:100%;height:auto;margin:10px;border-radius:8px' src="./img/item-desktop.png" alt="info"/> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:40%;height:auto;margin:10px;border-radius:8px' src="./img/item-mobile.png" alt="info"/> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:60%;height:auto;margin:10px;border-radius:8px' src="./img/borrow-desktop.png" alt="info"/> <img style='box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);padding:10px;width:60%;height:auto;margin:10px;border-radius:8px' src="./img/history-desktop1.png" alt="info"/>

Installation

Download and install Node.Js for install package. <br/>

Install Python3

$ npm install python

Install pip

$ npm install pip

Create venv python3 with command

$ python3 -m venv ./venv

Activate venv

$ source venv/bin/activate

Setup Backend Server

go to backend and migrate database

$ cd backend
$ python manage.py migrate

install requirement

$ pip install -r requirements.txt

createsuperuser

$ python manage.py createsuperuser

runserver

$ python manage.py runserver

login django-admin http://localhost:8000/admin

create you application http://localhost:8000/o/applications/

Client type : confidential Authorization Grant Type : password Redirect Urls : http://localhost:8000

go to InventoryManagementSystem/frontend/pages/api/index.js to set you clientId and clientSecret

export const clientId = 'your clientid';
export const clientSecret = 'your clientsecret';

Setup Frontend Server

go to frontend directory

$ cd frontend

install dependencies

$ npm install

start server http://localhost:3000/

$ npm run dev