Tathagat017 / Manyata_Clone

A clone of Myntra website
https://effortless-pasca-3465fc.netlify.app
1 stars 2 forks source link
ecommerce-website mern-stack

screeching-idea-7572

A clone of Myntra website

2023-05-29 (4)

Deployement on netlify

<a href=>Manyata Website :https://effortless-pasca-3465fc.netlify.app

Backend JSON server deployment : https://manyta-clone-of-myntra.cyclic.app/

Summary :

The Manyata Clone is a website built using React, Chakra UI, HTML, and CSS. The website is designed to provide an online platform for users to shop for clothes and accessories similar to Myntra, a popular Indian e-commerce company. The website is built with a responsive design that works seamlessly across all devices. It features a user-friendly interface that makes it easy for users to navigate and find what they are looking for.
The homepage of the website displays various categories of clothing and accessories available for purchase, as well as featured products, and a search bar. Users can browse through the different categories, view product details, and add items to their cart for checkout.
The website also features a user account system that allows users to create an account, login, and view their order history. Payment options are available for users to complete their purchases securely.


Overall, the Myntra Clone is a well-designed e-commerce website that provides an excellent user experience for shoppers looking for trendy clothes and accessories.

Team-Members

  1. Tathagat
  2. Aakash Chakravarty
  3. Pawan Saini

Tech Stack used : HTML, CSS , JavaScript, React, Chakra UI

Featues : Landing Page
  1. Sticky Navbar with redirection to all routes
  2. Caraousels to display purchase coupons/categories
  3. Link redirects to relevant category of homepage
Login
  1. OTP based login authenticate via firebase
  2. Protected routes : Cart , payments
Products
  1. Sort
  2. Filter
  3. search

Outer and inner Men’s page. On this outer men’s page, we have brands of men’s clothing and their accessories. on clicking any of the brands it will redirect to the men’s inner page where we have options of wishlist and add to bag and filter items option. on clicking the wishlist option it will add the product to the wishlist, and on clicking add to bag it will add the product to the bag. filter items option in this option we have names of brands, prices, and sorting

Outer and inner women’s page. On this outer women’s page, we have brands of women’s clothing and their accessories. on clicking any of the brands it will redirect to the women’s inner page where we have options of wishlist and add to bag and filter items option. on clicking the wishlist option it will add the product to the wishlist, and on clicking add to bag it will add the product to the bag. filter items option in this option we have names of brands, prices, and sorting.

login

Add item

Delete Item

Inventory page

Bag page. When the user adds the product to the bag the product will be added to the bag page, and from here user will place their order.

List of dependencies

    "@chakra-ui/react": "^2.5.4", "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.6", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "axios": "^1.3.4", "framer-motion": "^10.9.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-redux": "^8.0.5", "react-router-dom": "^6.9.0", "react-scripts": "5.0.1", "redux": "^4.2.1", "redux-thunk": "^2.4.2", "styled-components": "^5.3.9", "swiper": "^9.1.1", "thunk": "^0.0.1", "web-vitals": "^2.1.4"