RO
rohit0985/JCrew-Clone
J. Crew is an American company, that offers apparel and accessories for women, men, and children.
J.Crew - Clone
https://lambent-llama-fd811c.netlify.app/
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 :
- 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 :
- 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 :
- New - That contains all the products
- Men - That contains clothes for the Men
- Women - That contains clothes for the Women
Product Details page :
- 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 :
- 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 :
- 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