Skip to content

J. Crew is an American company, that offers apparel and accessories for women, men, and children.

Notifications You must be signed in to change notification settings

rohit0985/JCrew-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

About

J. Crew is an American company, that offers apparel and accessories for women, men, and children.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •