Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nikilkumaar/inventory-management-and-billing---frontend

Simple Inventory Management and Billing of purchased products
https://github.com/nikilkumaar/inventory-management-and-billing---frontend

Last synced: 22 days ago
JSON representation

Simple Inventory Management and Billing of purchased products

Awesome Lists containing this project

README 

        
# Inventory Management And Billing App - FrontEnd



### [LIVE SERVER](https://inventorymanagementandbilling.netlify.app/)



## Demo Account : 



* Email : [email protected]

* Password : Nikilnike@123



## Packages : 



* RazorPay - Payments functionalities

* Easyinvoice - Price Invoice

* SweetAlert2 - Styling purpose for Alerts

* Tailwind Css - Styling CSS Framework

* DaisyUI - Theme

* React Router Dom - Routing through Components

* Formik - Form 

* Yup - Form validation



## Features :



* Register

* Login

* Reset Password

* Forgot Password

* Logout

* Add Product

* Edit Product

* Delete Product

* Add to Cart

* Bill Download

* Pay Online(via RazorPay) or Pay Cash Directly



## Navigations : 



* Login - to Dashboard Page

* Forgot Password - to Send reset link Page

* Reset Password (From Mail) - to Reset Password Page

* Activate Account - to Login page

* Dashboard - In Topbar(Top left corner)

* Edit - to edit product form page

* Cart Icon - to Cart page

* Add Product - to add product form page

* Logout - In Top Right Corner as dropdown in Profile Button



## Steps to Use : 



### Register



* In Register Form Page, 

* Enter the Username, email address and password and click register button

* If the user is already registered it will not register user and reply as User Email already Registered

* Otherwise it will show as user registered

* User is now registered successfully

* Check the mail to activate your account



### Activate Account



* In Mail, click activate account button

* It will activate your account and navigate to login page

* Now your account is successfully activated



### Login



* In Login Form Page, Enter the registered Email address and password

* Then click Login button to login

* If the email address is not registered it will show as User not registered

* Or the password is not valid it will show as Invalid password

* Otherwise it will login user and navigate the page the dashboard page

* User is now Logged in successfully



### Forgot and Reset Password



* In Login Form Page, Click Forgot Password?

* It will navigate the user to the forgot password page

* In that page, enter the email id and click Forgot Password

* If the email address is not registered it will show as User not registered

* Otherwise it will show response as reset link sent to mail

* Now, Check for reset link mail in your gmail from [email protected] sender

* Click Reset Password Button to reset password

* It will navigate the user to the reset password page

* In reset password Page enter the new password & confirm password and enter Change Password button

* It will show as Password Reset Successfull and will navigate the user to the Login Page

* Now user can login with the new password



### Logout



* In the Top Right Corner, user can find the profile button

* Click that profile button and it will show a dropdown with two options

* Click logout button to logout and it will navigate user to the login form page



### Add Product



* In the Top Right Corner, user can find the profile button

* Click that profile button and it will show a dropdown with two options

* Click Add product to add new product

* It will navigate to the add new product form page

* Fill in the product details and click add product

* The product will be added and user will be navigated to the dashboard page



### Edit Product



* Click Edit button for which product user need to edit

* It will navigate user to the edit form page

* Edit the product details and click confirm changes

* The product changes will be made and user will be navigated to the dashboard page



### Delete Product



* Click Delete button for which product user need to delete

* It will show a alert message for confirmation and delete the product



### Bill Download



* After adding products to the cart click cart button from the topbar

* Click get bill button and it will automatically download the bill as pdf

* User will automatically navigated to the dashboard page



### Pay Online (Razorpay)



* After adding products to the cart click cart button from the topbar

* Click pay online button and fill in the card details and submit

* Once the payment is completed user will be automatically navigated to the dashboard page