Jackiesmith_clone

Only For Educational And Learning Purpose*

Project: Make a clone of the Jackiesmith website.

Original-Website: Jackiesmith

Cloned-Website: Github

For a demo visit this link:- Link

About Jackiesmith:

Jackiesmith is an E-commerce website where users can buy the product from the website.

I am a student of a Full Stack Web Development course offered by Masai School. During our construct week, I was assigned a task to create a pixel-perfect clone of Jackiesmith.com website. I was given a team of three (including me). This project is mainly work on redux.

Technology Stack Used 🌟

• React.js

• CSS

• JavaScript

• API's

• LocalStorage

• JSON-SERVER

• REDUX

• CHAKRA UI

Website Flow:

• Landing page

• Navbar and Footer

• Sign-in / Sign up pages

• Products Page.

• Product description page.

• Checkout and Payment Page.

TEAM:

• Aditya Singh

• Nitik Bisht

• Sivaprasad Chandragiri

LIMITATION

• All pages are not responsive yet and this project is working on redux all data for payment,cart, login flow through using redux.

ID & TECH TOOLS

• VS-CODE

• GITHUB

• NETLIFY

• Cloudflare

Challenges we faced:

1. Getting data of product and creating and deploying json-server.

2. Implement every thing using Redux.

3. Github merging.

4. Linking Everything together.

SCREENSHOTS :

LANDING PAGE :

SIGN-IN & SIGN-UP PAGE :

PRODUCT PAGE :

PRODUCT DESCRIPTION PAGE :

CART PAGE:

CHECKOUT PAGE :

PAYMENT PAGE :

THANK YOU