Skip to content

Latest commit

 

History

History
114 lines (79 loc) · 4.7 KB

README.md

File metadata and controls

114 lines (79 loc) · 4.7 KB

J.Crew - Clone

We have tried cloning the J.Crew webapplication as a construct week project. We, a team of 5 people have completed this project in a span of 5 days using our knowledge of HTML, CSS and JavaScript, React, Redux, Chakra UI.

About the website

J.Crew Group, Inc., is an American multi-brand, multi-channel, specialty retailer. The company offers an assortment of women's, men's, and children's apparel and accessories, including swimwear, outerwear, lounge-wear, bags, sweaters, denim, dresses, suiting, jewelry, and shoes.

Technology

Client side - HTML, CSS, JavaScript, React, Redux

Server Side - JSON server, Cyclic, Netlify

Features

  • Filter
  • Sorting
  • Form Validation
  • Login / SignUp
  • Cart and ShopLater list
  • Responsiveness

More into the Project (J.Crew - Clone)


Landing Page :

jcHomepage

  • Landing page of the J.Crew website has a Navbar at the top
  • It displays various products, offers and ads of their own.
  • At the bottom section there is a footer, both header and footer are same across all the pages.

Login page / SignUp page :

jcSignin

  • Navbar has two buttons to navigate the user to the LogIn and SignUp page
  • By clicking a modal will open and the by using the correct user information, user will be able to SignUp / LogIn.

Product page :

jcProductpage

Designed three troduct pages.
  • New - That contains all the products
  • Men - That contains clothes for the Men
  • Women - That contains clothes for the Women

Product Details page :

jcProductdetailspage

  • It Contains the more details related to the specific / selected products
  • It has two buttons to add the product to the cart or to the wish list

Checkout page :

jcCheckout

  • It has a form to take the delivery add from the user
  • In the right side it will be showing all the product that are in the cart

Payment page :

jcPayment

  • It has a form to take the atm details
  • In the right side it will be showing all the product that are in the cart

Learnings :

  • Effective use of Redux store at globle state
  • Sorting and filters withe the useParams
  • Real life implementation of HTML, CSS, React and Redux
  • Learned to manage time, and to work in the pressure

Contributors :

  • Rohit Kumar
  • Nilesh More
  • Biman
  • Deepak Chavan
  • Abdul Quadir

Live Link: