/R-Mart

R-MART is designed to be a one-stop shop for all your online shopping needs. With a wide range of products and easy payment options, we strive to make your shopping experience seamless and convenient.

Primary LanguageJavaScript

Project Title

Reliance Digital

reactjs

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


🖥️ Tech Stack

Frontend:

reactjs redux chakra-ui javascript restAPI css3 html5

Backend:

expressjs

Deployed On:

vercel

R-MART is designed to be a one-stop shop for all your online shopping needs. With a wide range of products and easy payment options, we strive to make your shopping experience seamless and convenient.


🚀 Features

  • whole website is fully Responsive.
  • Landing Page & Footer.
  • Login and Signup Page.
  • Product Filters Based on Brand.
  • Product Details in brief manner.
  • Cart Add and Remove Items
  • Cart Update Quantities
  • Checkout Page
  • Payment Page
  • Order Summary
  • Admin Page

🚀 Our Team Members:-

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.

landing_page

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.

signup

Sign in 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.

Login

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.

product

Products Details Page -

product_details

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.

cart

Checkout 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.

cart

Footer Page -

On This Page there are admin page and info about the site....

footer

Admin Login Page -

On This Page, only admin can login.

Admin login

Admin Page -

On This Page, Admin can see the product details, user details.

Admin login

Run Locally

Clone the project

  git clone https://github.com/Sonia-saini/-accidental-visitor-9960.git

Go to the project directory

  -accidental-visitor-9960

Install dependencies for frontend as well as backend

  cd reliance
  npm install

Start the localhost server

  cd reliance
  npm start

Deployed link

Netlify Link

https://unrivaled-raindrop-937925.netlify.app/

Show your support

Give a ⭐️ if you like this project!