/instock-api

Express API for InStock back-end

Primary LanguageJavaScript

InStock Inventory management web application

InStock is a responsive inventory management application that allows users to keep track of inventories spread across multiple warehouses. Users can add, edit, delete both warehouses and inventory items. The app itself was built with React and SASS on the frontend and Node and Express on the backend.

The Context

InStock was built as a week-long team project for the Brainstation program where we got to collaborate in an agile development environment using Jira Software. We got to work with both frontend and backend technologies as well as exposure working with Figma wireframes. My contributions range from backend routing, to React logic, to building some React components for the frontend including styling with SASS. I was also acting project manager, responsible for deadlines and tasks attribution on Jira.

Team

This project was built with the collaboration of :
Chris Nguyen
Angraj Latake
Fahd Munir
Elizabete Paula

Screenshots

Tech Stack

Client: React.js, Sass, Axios,

Server: Express, Node.js,

Deployment & tools: Figma, Jira,

Environment Variables

Add the following variables in .env file for both

Client side:

REACT_APP_API_URL=https://localhost:8080

Server side:

PORT = 8080

Usage

To run this project locally, follow these steps:

Clone the server repository

$ git clone https://github.com/brishan3/instock-api.git

Install server dependencies

$ npm install

Start the server

$ npm run dev

Clone the server repository

$ git clone https://github.com/brishan3/instock.git

Install server dependencies

$ npm install

Start the client

$ npm start

Next Steps

Here are some additional features that consider adding in the future:

  • Adding search functionality to the search bar
  • Adding sorting functionality to table columns (warehouse and inventory)
  • Migrating the server data from JSON files to actual Database

Contact

Feel free to follow me on Github or LinkedIn