Axen

It's a Full Stack healthcare web application with all the major functionalities

🖥️ Tech Stack

Frontend:

Backend:

Deployed On:

Want to see live preview »

Axen

🚀 Features

• whole website is fully Responsive.
• Landing Page & Footer.
• Login and Signup Page with Express,mongodb,Nodejs & React.
• Product Filters Based on Brand and Discount
• Product Details in brief manner.
• Product Sorting Based on Price, Rating and brand
• Product Filtering and Sorting works together
• Cart Add and Remove Items
• Cart Update Quantities
• Admin all users showing page
• Admin all products list page
• Admin add product form page
• Admin Order's list page

Screenshots

Homepage -

This is the main landing page of our website. Here, if you clicked on any navigation then you will redirect to respective page. Also, we have added searching of product option with debouncing feature.

All pages are responsive.

Sign up Page -

On this page, you can register a user. If the user is already registered, you can simply sign in by providing valid details of the user.

Login Page -

On this page, you have to login with your registered email and password .you can simply sign in by providing valid details of the user.

Products Page -

Here users can browse, filter the product based on brand and discound, sort by price or rating, filter and sort will work togather and add items to the cart by clicking on the Add to Cart button.

SingleProduct Page -

Cart Page -

Here all the products added to the cart will be shown. On this page, By Clicking on add to cart your cart added successfully.

Admin Order List Page -

On this page, you can see your order details. you can remove the item from cart and also, increase or decrease count. By clicking on the payment button you will be redirect to the checkout page.

Admin All User's List Page -

On This Page there is info about the site....

Admin Add Product Form Page -

On This Page there is info about the site....

Admin All Product List Page -

On This Page there is info about the site....

Run Locally

Clone the project

  git clone https://github.com/Ghanishtkhurana/Axen.git

Install dependencies for frontend as well as backend

  cd frontend
  npm install

  cd backend
  npm install

Start the localhost server

  cd frontend
  npm start

Deployed link

Vercel Link

https://axen1.vercel.app/

Show your support

Give a ⭐️ if you like this project!