tushit99 / j.crew

About This project is a one to one clone of the online e-commerce website of "J.Crew" which was done as a part of Masai School Construct Week #4. The project includes the Landing page, Product pages for Men, Women, and Kids section , Login and Signup page and Cart page .

J.Crew project clone:

J.Crew Group, Inc., is an American multi-brand, 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.

Home

Login

MensPage

DarkMode

Preview

Cart

Features:

• Landing page
• Dark Mode
• Social sign-in/sign-up
• Product section
• Sort products
• Add to wishlist

Tech Stack:

React | json-server | HTML | CSS | Javascript

End Notes 📑

In this project, I tried to achieve a near-perfect clone of the original website as much as possible with very limited knowledge of React. This entire journey of this has given me experiences and I have learned lots of things by applying to the real website and it gave me a lot of confidence. More products can be added if I have more time.

In the project directory:

to get started it should run this in terminal &&: npm start

to run my data on server run this in terminal &&: json-server db.json --port 8080

j.crew's Issues

Purchase page

• total price
• purchase successful alert Feature

Admin Page

• add product
• delete product
• update product

Pages Data dbjson

• Home Page
• Footer Page
• dbjson ( collection of data)

Project pages

• navbar
• product page
• adding media query

Product features

• adding media query
• pagination
• sorting function
• designing the page layout

Cart Page

• add to cart data
• delete from the cart
• cart to purchase (Button) and it features

Product List

• Sort, Filter by rating, price
• Add to cart
• mobile friendly