Skip to content

Latest commit

 

History

History
60 lines (46 loc) · 3.64 KB

README.md

File metadata and controls

60 lines (46 loc) · 3.64 KB

Point of Sale Application - Billing App

About

A billing application is used to create and manage orders for a store. It helps in inventory and customer management. This application deals with four main modules namely Users, Customers, Products, and Bills. Users can view information about each module and also download bills if required.

Features

  • Create Bills, Manage Bills, View Bills, and Print Bill in PDF format.
  • Create Customer, Update Customer, Delete Customer, and View Customer Details including all bills made under the respective customer.
  • Add Product, Update Customer, View Products, and Delete Product.

Screenshots

Home Page

Home Page

Login and Register Page

Users can create their account or login into account through the page shown below Login Page Register Page

Dashboard

Once the user logged in, they land to the dashboard page of the application. Dashboard In the below image, there is a drawer on left of the page where the user can navigate between different modules of the application Drawer open

User Detail Page

User Detail Page

Customers Page

Here the users can add and manage customers. Customer Page

Customer Detail Page

The user can also view customer details with all the bills generated under the respective customers Customer Detail Page

Product Page

Here the users can add and manage products. Product Page without View

Product Page with View detail

On click of view button of a product, its details are shown on right side of the page. Product Page

Bills Page

All the generated bills are displayed in the bills page. Bills Page

Add Bill page

To generate a new bill, we will fill in the details of the customer and all the products here. Suppose you want to add a new customer, then you can click on the ADD NEW CUSTOMER button which is on top right of the page, where a modal pops up to fill in the details of the new customer and proceed with generating the bill. New Bill Page

Invoice Page

Here user can download the bill in PDF format. Bill View Page

PDF format of Bill

Bill in PDF

Libraries and Utilities

React, Redux, react-router-dom, react-redux, redux-thunk, react-google-charts, moment, axios, material UI, validator