Jack&Jones_clone

Only For Educational And Learning Purposes*

Project: Make a clone of the Jack & Jones website.

Cloned-Website: Github

For a demo visit this link:- Link

About Jack&Jones:

Jack&Jones is an E-commerce website where users can buy the product related to fashion category from the website.

I am a Full Stack Web Developer. I started to clone an E-commerce website to learn new things and get in-depth knowledge of how everything is running behind the scenes. It is a full-stack website and my task is to create a pixel-perfect clone of jackjones.in website.

Technology Stack Used 🌟

• React.js

• CSS

• JavaScript

• API's

• LocalStorage

• JSON-SERVER

• REDUX

• CHAKRA UI

• SessionStorage

• Node.js

• MongoDB

• Nosql

• express.js

• MongoDB Atlas

Website Flow:

• Landing page

• Navbar and Footer

• Sign in / Sign-up pages

• Products Page.

• Product description page.

• Checkout and Payment Page.

LIMITATION

• All pages are not responsive yet.

ID & TECH TOOLS

• VS-CODE

• GITHUB

• NETLIFY

• Cloudflare

• Cyclic

• MongoDB Atlas

Challenges I faced:

1. Getting data of product and creating and deploying Backend.

2. Implementing redux logic for fetching data and redux-thunk.

3. CSS part and some logic part of the frontend.

4. While linking frontend and Backend.

SCREENSHOTS :

LANDING PAGE :

SIGN-UP PAGE :

SIGN-IN PAGE :

PRODUCT PAGE :

PRODUCT DESCRIPTION PAGE :

CART PAGE:

CHECKOUT PAGE :

PAYMENT PAGE :

THANK YOU