https://github.com/kevinadhiguna/apple-inventory-frontend
This is a website that allows users to add new products to stocks and remove products from stocks which can be used to monitor all available products.
https://github.com/kevinadhiguna/apple-inventory-frontend
inventory-management react react-bootstrap strapi
Last synced: 3 months ago
JSON representation
This is a website that allows users to add new products to stocks and remove products from stocks which can be used to monitor all available products.
- Host: GitHub
- URL: https://github.com/kevinadhiguna/apple-inventory-frontend
- Owner: kevinadhiguna
- Created: 2020-06-25T03:06:10.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T21:53:06.000Z (over 2 years ago)
- Last Synced: 2024-10-12T13:15:35.973Z (9 months ago)
- Topics: inventory-management, react, react-bootstrap, strapi
- Language: JavaScript
- Homepage:
- Size: 7.9 MB
- Stars: 4
- Watchers: 2
- Forks: 2
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Apple Inventory Management System (Front-End)
This app is a simple inventory management system, created using ReactJS and Strapi. In this app, you can add new products to stocks, which can be used to monitor all available products. You are also able to see amounts of present products and details of actions conducted on every products, such as adding and removing products. The app enables you to upload images which you can make use of when saving stuff images.
## Demo
This is how this app looks :
### Home
### Adding a new product
### List of all available products
You can click on a product's name to see its transaction history :
### Add a stockevent or transaction
You can either :
- `add` a product
or
- `remove` a product when it is sold.
### Uploading Images
This app allows you to upload images of products :
## App Repositories
This app has separated front-end and backend repositories. You are required to run both of them, to run this app. Please feel free to have a look at :
- [apple-inventory-frontend](https://github.com/kevinadhiguna/apple-inventory-frontend)
- [apple-inventory-backend](https://github.com/kevinadhiguna/apple-inventory-backend)
## How to run :
1) Open terminal and clone this project :
```
git clone https://github.com/kevinadhiguna/apple-inventory-frontend.git
```
2) Change directory to this project directory in terminal :
```
npm install
```
This will install dependencies.
Note : Once you have done step 1 and 2, you don't have to do it again when you want to run this app.
3) Open new terminal on another tab or another window, without closing current terminal. Then run [apple-inventory-backend](https://github.com/kevinadhiguna/apple-inventory-backend).
4) Return to the previous terminal and then you can run:
```
npm start
```
This will run the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
