point-of-sale-system

KO | EN

gitlite — search

#react #typescript #golang #rust #deep-learning #linux #awesome #cli #kubernetes #vue #security #ios #mcp #open-source

point-of-sale-system

(★ 10)

A Full Stack Point of Sale system built using React, JavaScript, Express, Node and Bootstrap

point-of-sale-system 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Point of Sale and Inventory Management Application

A full stack JavaScript solo project.

If you have ever ordered coffee from a botique coffee shop, you have used a similiar application. They are typically deployed on a white tablet that does a gymnastic flip when it is time to finalize your order with a tip and a signature. POS and Inventory management applications are a crucial part of every business. After all, you need to take payments for your products.

Live demo of POS/Inventory Management application can be seen at the link below:

https://point-of-sale-mojmali.herokuapp.com/#pos

## POS/Inventory Management application offers the following features: 
* Users can add, currently in stock items to shopping cart
* Users can edit shopping cart
* Users can finalize current customer's order with a payment
* Users can see open orders
* Users can finalize process with order completed
* Users can view all inventory
* Users can edit items in inventory

## Planned additions
* Connect a payment API (Square or Stripe)
* Connect Twilio's automated texting API as a means to take orders through text

## Main takeway from POS/Inventory Management
* After the initial design prototype, the database is the next best place to start. When coding the front-end, I was rendering the design without functionality. This can be prolematic  when a majority of your application's design depends on data being rendered. Without it, it can look very bland. Being able to add fetch calls and see the data in the design in real time can greatly improve the front end code.

## Gifs

### Initial landing page - User can start new customer's order

![start-order](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/start-order.gif)

### Shopping Cart - User can edit items or continue with transaction

![shopping-cart](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/cart.gif)

### Checkout / Collect payment - User can enter customer's information and take payment

![checkout](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/checkout.gif)

### Open Orders - User can view open orders and complete orders

![orders](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/orders.gif)

### View inventory - User can view all items in inventory

![inventory](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/inventory-1.gif)

### Edit Inventory - User can adjust item information using edit modal

![edit-inventory](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/inventory-2.gif)

## Mobile gifs

![start-order](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/mobile-start-order.gif)

![shopping-cart](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/mobile-cart.gif)

![checkout](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/mobile-checkout.gif)

![orders](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/mobile-orders.gif)

![inventory](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/mobile-inventory-1.gif)

![edit-inventory](https://raw.githubusercontent.com/keivanmojmali/point-of-sale-system/master/server/public/Images/mobile-inventory-2.gif)

point-of-sale-system

point-of-sale-system 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

point-of-sale-system

point-of-sale-system 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README