Live Demo Click HERE.

POS Billing Application

Overview

Software that lets you checkout customers, and make sales. Point-Of-Sales billing Application lets you register and log in to application. Once the user logs in a JSON Web Token is generated. This generated JWT is stored in local storage. The user can switch pages from customer to product, product to billing and anywhere in the web page. The user can be in position to add, update, read and delete the customers and product respectively. The user can carry out the customer billing for his/her products. The bill is generated and user can print or download the bill. There is also a dashboard page where the user can view the statistics of the total customers, products, billing and revenue. The total sale is represented in the bar graph to show the sale per week. Then once the user logs out the JWT is cleared from the local storage. Processes the payment, and modifies your inventorylevels to reflect the sale.

Features of the aplication

Initial web page image where the home, register and log in links are seen.

This is the register page where the user can register himself and once he registers the page is redirected to login. The user logs in using the email id and password. After logging in user will be directed to home page where user can now see different links.

User can check his account information in account page.

If user goes to customer page user can add, update, delete the customers. Simillar can be done in products page.

This is the image of the billing page where user can perform billing for one customer and his multiple products. When user clicks on the submit button the bill is added to the list bill. Then when the user clicks on View Bill button the page is directed to the customer bill page.

The view bill page where the particulars of customer purchasal can be seen in the table and also buttons for printing the bill and going back are present. If user clicks on Print button the pop up print screen is displayed where user can either download or print bill.

The dashboard page of the user to view the statistics, last five customers, products and bills and also the bar graph representation of the monthly revenue.

Tech Stack

• React Js
• Redux
• Redux Thunk
• Bootstrap
• Reactstrap
• Formik
• Yup
• Axios
• React to print
• Sweetalert
• React Google Charts
• React Router Dom
• Date-fns
• React-icons