POS-Project is a Point-of-Sale application built with React. It is designed to be a web-based application with a sleek and modern user-interface.
-
Login Page (Login page and authentication system)
-
Products Page (user can view/add/update/delete a product) :
- with table that contains all the products with detail for each product.
- Pagination for the table.
- Search box to filter the products.
-
Product Categories Page (user can view/add/update/delete a product category) :
- A table that contains all the product categories.
- Pagination for the table.
- Search box to filter the categories.
-
POS Page (page that can be used by the cachier to help with checking out customers carts) :
- The page has a list of all products. (searchable and filterable by product category)
- The page has a UI to start a new cart checkout :
- User add products to the cart.
- User change added product quantity.
- User delete a product.
- User edit the tax.
- User apply a discount.
- User checkouts the cart and save it orders Page for logging purposes only.
- User can clear the cart to empty state when needed .
-
Orders Page (user can view/delete/search orders made in the POS Page).
POS-Project-React documentation can be found on notion : Notion Documentation
POS-Project-React can be easily installed with the following steps:
- Clone the repository.
- Install dependencies : npm install
- Run the development server : npm run dev
- watch db.json : json-server --watch public/data/db.json
- use (admin / admin12345) for login page authentication .
For any questions or support related to the project, please open an issue on the Github repository.
If you would like to contribute to the project, please fork the repository and make a pull request.
POS-Project-React is licensed under the MIT License.see the LICENSE.md file for details
- This project is a part of the Foothill Technology Solutions, LLC. internship program.
- Thanks to MohammadAbusaa for the his advisory and support during the training period.