godkingjay / library-management-system-next-react

A library management system where users can search and borrow books and admins can manage books, categories, authors, and borrow requests.

Library Management System with Next, React, Chakra, and Redux

Tech Stack

Front-End
Back-End
Database
State-Management
Tools
Others

Setup

Environment Variables

1. Open .env.example
2. Fill-up the variables

#NEXT_PUBLIC_BASE_URL is the base url of the website, e.g. http://localhost:3000
NEXT_PUBLIC_BASE_URL=#Website Base URL e.g. http://localhost:3000

#NEXT_PUBLIC_API_ENDPOINT is the base url of the api, e.g. http://localhost:3000/api
NEXT_PUBLIC_API_ENDPOINT=#API Endpoint Base URL e.g. http://localhost:3000/api

#NEXT_PUBLIC_JWT_SECRET_KEY is the secret key used to generate JWT tokens, e.g. Hello
NEXT_PUBLIC_JWT_SECRET_KEY=#JWT Generator Secret Key e.g. Hello

#MONGODB_URI is the endpoint of the MongoDB database, e.g. mongodb://0.0.0.0:27017/library-db
MONGODB_URI=#MongoDB Database Endpoint e.g. mongodb://0.0.0.0:27017/library-db
NEXT_PUBLIC_MONGODB_NAME=#MongoDB Database Name e.g. library-db

3. Rename .env.example to .env.local

Running the Software

1. Install the dependencies

# Using npm
npm install

# Using yarn
yarn install

2. Run Development Build

# Using npm
npm run dev

# Using yarn
yarn dev

3. Go to development build (e.g. http://localhost:3000/)

Running Production

1. Create Production Build

# Using npm
npm run build

# Using yarn
yarn build

2. Run Production

# Using npm
npm run start

# Using yarn
yarn build

3. Go to production build (e.g. http://localhost:3000/)