Source Code For Amazon clone

App.js

import React from "react";
import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <img
        src="https://s14308.pcdn.co/wp-content/uploads/2019/04/amazon-header.png"
        alt="a"
        width="1520"
        height="160"
      />
      <h1>Fitbit is the smartest smartwatch available out there.</h1>
      <h2>Cheers to a smarter and fitter you!</h2>
      <a class="lightbox" href="#dog">
        <img
          src="data:image/jpeg;base64,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"
          alt="a"
          height="1200"
        />
      </a>
      <div class="lightbox-target" id="dog">
        <img
          src="data:image/jpeg;base64,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"
          alt="a"
        />
        <a class="lightbox-close" href="#"></a>
      </div>
      <div class="lightbox-target" id="dog">
        <img
          src="data:image/jpeg;base64,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"
          height="1200"
          alt="yo"
        />
      </div>

      <h3>
        Best price in the market. The only warch that justifies the "smart" in
        smart watch.
      </h3>
      <h4> Click the variant you would like to buy!</h4>

      <div class="zoom-within-container">
        <br />
        <br />
        <br />
        <br />
        <a href="https://www.jbhifi.com.au/products/fitbit-inspire-hr-lilac">
          <img
            src="https://cdn.shopify.com/s/files/1/0024/9803/5810/products/379790-Product-0-I_large.jpg"
            height="100"
            alt="yo"
          />
        </a>
        <br />
        <br /> <br />
        <br />
        <a href="https://www.123watches.nl/en/fitbit-charge-3-milanese-band-rose-gold.html">
          <img
            src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS8c6zDVHI3Lv_HSKcxsJ5E6_0GlMy8Ref1ZmjP8p5XBv8X2cB6XJRytMgFhVZLK7GyRbUTr092&usqp=CAc"
            alt="yo"
            height="100"
          />
        </a>
        <br />
        <br />
        <br />
        <br />
      </div>
    </div>
  );
}

Styles.css

.App {
  font-family: sans-serif;
  text-align: center;
}
h2 {
  color: red;
  text-align: center;
}
h4 {
  color: orange;
}
h1 {
  text-align: center;
  color: blue;
}
h3 {
  text-align: center;
}
.zoom-within-container {
  height: 600px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
.zoom-within-container img {
  transition: transform 0.5s ease;
}
.zoom-within-container:hover img {
  transform: scale(1.5);
}
body,
html {
  padding: 0;
  margin: 0;
  text-align: center;
}

/* Styles the thumbnail */

a.lightbox img {
  height: 300px;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  margin: 94px 20px 20px 20px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
  position: fixed;
  top: -100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 0%;
  max-width: 0%;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: -80px;
  right: 0;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
  opacity: 1;
  top: 0;
  bottom: 0;
}

.lightbox-target:target img {
  max-height: 100%;
  max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
  top: 0px;
}

Index.js

import React from "react";
import ReactDOM from "react-dom";

import App from "./App";

const rootElement = document.getElementById("root");
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  rootElement
);

Package.json

{
  "name": "amazonclone",
  "version": "1.0.0",
  "description": "",
  "keywords": [],
  "main": "src/index.js",
  "dependencies": {
    "react": "17.0.0",
    "react-dom": "17.0.0",
    "react-scripts": "3.4.3"
  },
  "devDependencies": {
    "typescript": "3.8.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

Bonus Challenge

Add more functionality to your web app and customize it as much as you can . The best entries stand a chance to win a iPhone 12 Pro!