Inventory Management And Billing Application - FrontEnd

Live Server

Demo Account :

Email : fabianrajafernandofsd@gmail.com
Password : Fabian123@fsd

Packages :

RazorPay
Easyinvoice
SweetAlert2
Tailwind Css
DaisyUI
React Router Dom
Formik
Yup

Features :

Register
Login
Reset Password
Forgot Password
Logout
Add Product
Edit Product
Delete Product
Add to Cart
Bill Download
Pay Online(via RazorPay)

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 fullstackpurpose@gmail.com 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