Back
Akshay Bandivadekar's Store
May 1, 2023

Akshay Bandivadekar's Store

Posted on May 1, 2023  • 5 minutes  •ReactJs

Technology Used : React, Redux, Bootstrap, Material UI, TypeScript, RezorPay, React Oath Google, Formik with Yup, Sass, Axios, Firebase, React Testing Library.

Feature Details

  • This Project was created with ReactJs.
  • This is a ECommerce Web Application.
  • Added Dark mode and Light mode in the application, so that the user toggles the mode at any time.
Light mode
  • The user can search product using the search bar.
Search Product
  • The user can filter product.
Filter Product
  • The user can add a product to the cart from home page or from product details page.
Add product to Cart
Product Detail Page
  • Once we added product to the cart we need to go to Cart Page(while clicking Cart icon at top right side).
Cart Page
  • When user clicks on Proceed To Checkout button, if user is not login then he will redirects to Login Page.
Login Page
  • Here User can login using Test Credentials admin@gmail.com/admin123 or using Google Login.
  • Integrated third party APIs in the application for google login - React Oath Google
Google Login Page
  • Once Login successfully completed, user can redirect to Cart Page.
After Login Page
  • Once user clicks on Proceed To Payment, Payment page opens.
  • Integrated third party application - RezorPay
Paymet Page 1
Paymet Page 2
  • For Testing you can use card no as 5267 3181 8797 5449, Random CVV, and Any future Expiry date, and clicks on Pay Now button.
Paymet Page 3
  • After Payment Completed, the user will redirects to Payment Confirmation Page.
Payment Confirmation Page
  • Test Coverage covered with React Testing Library
Code Coverage Page
  • Much More.

Demo Link

Follow me

I work on web development using Javascript.