Skip to content

Latest commit

 

History

History
120 lines (57 loc) · 2.54 KB

File metadata and controls

120 lines (57 loc) · 2.54 KB

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 :

image

SIGN-IN & SIGN-UP PAGE :

image

PRODUCT PAGE :

image

PRODUCT DESCRIPTION PAGE :

image

CART PAGE:

image

CHECKOUT PAGE :

image

PAYMENT PAGE :

image

THANK YOU