Introducing Front End

A React Single Page Application as Front End

Change Translation

here you can change your translation with your preference.

enter image description here

Change Currency

here you can change your Currency with your preference.

enter image description here

Search Products

to get your preferable products first select your category and search from here.

enter image description here

Product Quick view

to get a quick view of the product and add it to the cart or wish list just click on the search icon on the product from any product card.

enter image description here

Subscribe to newsletter

to get an update to subscribe to our newsletter by entering your email.

enter image description here

All Products

to get all products just go to products page from the menu

enter image description here

Filter Products

to get filtered products just filter from the left side options.

Paginate products

to paginate page just click on the number of the page from the bottom.

enter image description here

All Blogs

to get all blogs just go to blog page from the menu

enter image description here

Contact us

to contact with us page just go to contact page from the menu

enter image description here

Wish list

to get your wish list just go to wish-list page

enter image description here

View Cart

to get your cart list just go to cart page from here, you will found the page link here, just click on view cart.

enter image description here

Cart list

here is your cart list table, from here you can remove your carted product also you can change quantity of your product.

enter image description here

Checkout process

become complete your checkout process you need to add product to cart list.

graph LR
A[Product] --> B(Add to Wish list)
A --> C(Add to Cart list)
C --> D((Checkout))
B --> C

Checkout Page

to complete your checkout process provide all the required information billing address, shipping address, shipping methods and payment methods as well as. and then click on Proceed to Pay button to complete your payment.

enter image description here

User panel

to control your profile you need to login first.

login

to login your profile/user panel to just to login page

enter image description here

Signup

if you don't have account yet, the just go to signup page to create your account.

enter image description here

Verify Email

after complete signup process you need to verify your email. just got to your email to collect the OTP code and submit form here.

enter image description here

Forgot-password

if you forgot your password , just go to forgot-password page to reset your password. after complete this process you will get an email with OTP code.

Reset your password you need to provide all the required information with OTP code to complete your Password Reset process.

enter image description here

Dashboard

Just navigate to Dashboard to get dashboard screen.

enter image description here

Profile

Just navigate to My Profile>>My Account to get Profile screen.

enter image description here

Edit Profile

Just navigate to My Profile>>Edit Account to Update Profile. Fill the required field and click on Save Changes to update your profile.

enter image description here

Change Password

Just navigate to My Profile>>Change Password to Change Password Screen. Fill the required field and click on Save Changes to update your Password.

enter image description here

Purchase History

Just navigate to Purchase History to get Purchase History screen.

enter image description here

Address

Just navigate to Address to get Address screen.

enter image description here

Add New Address

Just navigate to Address and click on Add New Address button to get Add New Address screen. Fill all the field and submit to create new address.

enter image description here