Git Product home page Git Product logo

mohitd427 / my-wardrobe-myglam-clone Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 0.0 582 KB

This project is clone of MyGlam E-commerce site. This project is build with collaboration of 4 members. This site basically belong to women as it contains all products related to women need such as makeup, carry bags, purse, footwears etc from lipstick to hair dryer, from top wear to sandals.

Home Page: https://my-wardrobe.netlify.app/

HTML 1.23% CSS 7.17% JavaScript 91.60%
react chakra-ui firebase-auth git github npm-package react-redux redux-thunk router-dom styled-components

my-wardrobe-myglam-clone's Introduction

MY Wardrobe

Description

This project is clone of MyGlam E-commerce site. This project is build with collaboration of 4 members. This site basically belong to women as it contains all products related to women need such as makeup, carry bags, purse, footwears etc from lipstick to hair dryer, from top wear to sandals.

Tech Stacks we have used

  • React
  • Java Script
  • React-Redux
  • Redux-Thunk
  • React-Router-Dom
  • Chakra-Ui
  • Styled-Components
  • NPM Packages

Features

  1. Home Page
  2. Register Page
  3. Login Page
  4. Product Page
  5. Single Product Page
  6. Bag
  7. Chequeout
  8. Payment

Flow of this project

  1. Firstly, you will see home page,
  2. You will have two options - login/register or product page
  3. On hovering the MAKEUP button and click on the Lipstick button, you will reach at the product page
  4. When you will click on any product, you will reach at single product page
  5. On single product page, you will get Bag button, on clicking it product will be added into bag.
  6. In the navbar, you will get bag icon, where you can find all the items which is added into bag
  7. On clicking proceed to checkout button, you will reach at checkout page, where you will get option for selecting address and a button for payment
  8. On clicking payment button, you will able to see payment options for payment.

Project Layout

Go Live

https://mywardrobe-seven.vercel.app/

my-wardrobe-myglam-clone's People

Contributors

dikshantnagpal avatar mohitd427 avatar pranayjadhao avatar vrishabh081 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

my-wardrobe-myglam-clone's Issues

Login page

  • Login with mobile
  • Login with Gmail
  • Login CSS

Payment

  • Payable amount
  • Payment method
  • Payment button

Day-5

  • Final touch up to both the pages

Footer

  • completing the footer section

Checkout

  • shipping address
  • showing all addresses
  • order summary
  • payment button

Navbar

  • completing Navbar functionality

My Bag

  • bag heading
  • total items count
  • total price
  • checkout price

Day-4

  • get the data for single product page
  • Set up the first draft for a single product page

Select Address

  • Address button
  • address form
  • persisting of address
  • checkout button

Day-3

  • Set up lipstick page
  • set the rough draft

Day-4

  • Update the single product
  • change if requires

Day-3

  • Update the lipstick page
  • Change something if required

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.