{"version":3,"sources":["components/Header.jsx","components/Product.jsx","pages/Home.jsx","pages/Checkout.js","App.js","reportWebVitals.js","index.js"],"names":["Header","className","href","src","alt","type","Product","id","title","image","price","rating","Array","fill","map","_","i","Home","Checkout","Component","App","path","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.34c694b4.chunk.js","sourcesContent":["import React from 'react';\nimport SearchIcon from '@mui/icons-material/Search';\nimport ShoppingBasketIcon from '@mui/icons-material/ShoppingBasket';\nimport './header.css'\n\nconst Header = () => {\n    return (\n        <div className=\"header\">\n          <a href=\"/\"> <img className=\"header__logo\" src=\"https://pngimg.com/uploads/amazon/amazon_PNG11.png\" alt=\"amazon logo\" /> </a>\n           <div className=\"header__search\">\n               <input className=\"header__seachInput\" type=\"text\"/>\n               <SearchIcon className=\"header__searchIcon\" />\n           </div>\n\n           <div className=\"header__nav\">\n               <div className=\"header__option\">\n                  <span className=\"header__optionLineOne\">Hello, Vahid</span>\n                  <span className=\"header__optionLineTwo\">Sign In</span>\n               </div>\n\n               <div className=\"header__option\">\n                  <span className=\"header__optionLineOne\">Returns</span>\n                  <span className=\"header__optionLineTwo\">Orders</span>\n                </div>\n\n                <div className=\"header__option\">\n                   <span className=\"header__optionLineOne\">Your</span>\n                  <span className=\"header__optionLineTwo\">Prime</span>\n                </div>\n                <div className=\"header__optionBasket\">\n                   <ShoppingBasketIcon className=\"header__shoppingBaskit\" />\n                   <span className=\"header__optionLineTwo header__basketCount\">\n                       0\n                   </span>\n                </div>\n           </div>\n        </div>\n    );\n}\n\nexport default Header;\n","import React from 'react';\nimport './product.css'\n\nconst Product = ({ id, title, image, price, rating}) => {\n    return (\n        <div className=\"product\">\n            <div className=\"product__info\">\n                <p>{title}</p>\n                <p className=\"product__price\">\n                    <small>$ </small>\n                    <strong>{price}</strong>\n                </p>\n                <div className=\"product__rating\">\n                 {Array(rating)\n                 .fill()\n                 .map((_, i) => {\n                       return <p>★</p>\n                   })}\n                </div>\n            </div>\n            <img src={image} alt=\"\" />\n            <button>Add to cart</button>\n\n        </div>\n    );\n}\n\nexport default Product;\n","import React from \"react\";\nimport Product from \"../components/Product\";\nimport './home.css'\n\nfunction Home(){\n  \n    return(\n\n        <div className=\"home\">\n            <div className=\"home__container\">\n                <img \n                className=\"home__image\"\n                src=\"https://m.media-amazon.com/images/I/81paxgFgr1L._SX3000_.jpg\"\n                 alt=\"\" />\n\n                <div className=\"home__row\">\n                   <Product\n                    title=\"The Lean Startup\" \n                    price={25.99} \n                    image={'https://m.media-amazon.com/images/I/41+5Z1FRiZL.jpg'} \n                    rating={5}/>\n                    <Product\n                    title=\"The Storyteller: Tales of Life and Music\" \n                    price={41.59} \n                    image={'https://images-na.ssl-images-amazon.com/images/I/91I+w5MwdhS._AC_UL160_SR160,160_.jpg'} \n                    rating={5}/>\n\n                </div>\n\n                <div className=\"home__row\">\n                   <Product\n                    title=\"Laptop GPU | 15.6' FHD 144Hz IPS Display | 8GB DDR4 | 256GB NVMe SSD\" \n                    price={812.87} \n                    image={' https://m.media-amazon.com/images/I/71m03KItMZL._AC_SY200_.jpg'} \n                    rating={5}/>\n                      <Product\n                    title=\"Samsung Electronics Galaxy Watch 4 Classic 42mm Smartwatch with ECG Monitor\" \n                    price={299.99} \n                    image={'https://m.media-amazon.com/images/I/61yY7B+O5AS._AC_UY218_.jpg'} \n                    rating={4}/>\n\n                      <Product\n                    title=\"Donerton Smart Watch, Fitness Tracker for Android Phones, Fitness Tracker with Heart Rate\" \n                    price={37.99} \n                    image={'https://m.media-amazon.com/images/I/61QHRATj+vL._AC_UY218_.jpg'} \n                    rating={4}/>\n\n                    <Product\n                    title=\"Wireless Gaming Mouse Up to 10000 DPI, UHURU Rechargeable USB Wireless Mouse \" \n                    price={30.34} \n                    image={'https://images-na.ssl-images-amazon.com/images/I/61I8BjnzubL._AC_UL160_SR160,160_.jpg'} \n                    rating={5}/>\n               \n                </div>\n\n                <div className=\"home__row\">\n                <Product\n                    title=\"5 Pack: Men’s Dry-Fit Moisture Wicking Active Athletic Performance Crew \" \n                    price={29.99} \n                    image={'https://m.media-amazon.com/images/I/812jKl3ubJL._AC_UL320_.jpg'} \n                    rating={4}/>\n\n                      <Product\n                    title=\"5 Pack: Men’s Dry-Fit Moisture Wicking Active Athletic Performance Crew \" \n                    price={29.99} \n                    image={'https://m.media-amazon.com/images/I/71Bwaf1QPUL._AC_UL320_.jpg'} \n                    rating={4}/>\n\n                     <Product\n                    title=\"Gildan Men's Ultra Cotton T-Shirt\" \n                    price={12.99} \n                    image={'https://m.media-amazon.com/images/I/71tkoCcNQqS._AC_UL320_.jpg'} \n                    rating={3}/>\n\n                    <Product\n                    title=\"Fruit of the Loom Men's Stay Tucked Crew T-Shirt \" \n                    price={14.99} \n                    image={'https://m.media-amazon.com/images/I/81UHW0CmGgL._AC_UL320_.jpg'} \n                    rating={2}/>\n\n                     <Product\n                    title=\"Under Armour Men's HeatGear Compression Long-Sleeve T-Shirt\" \n                    price={25.31} \n                    image={'https://m.media-amazon.com/images/I/51doqhAEdBL._AC_UL320_.jpg'} \n                    rating={5}/>\n                </div>\n\n                <div className=\"home__row\">\n                <Product\n                    title=\"Panasonic Electric Shaver for Women, Cordless 3 Blade Razor, \" \n                    price={35.99} \n                    image={'https://m.media-amazon.com/images/I/61u0ngwtIlL._AC_UL320_.jpg'} \n                    rating={5}/>\n\n                      <Product\n                    title=\"Schick Hydro Silk Sensitive Skin Razor for Women with 2 Moisturizing Razor \" \n                    price={8.50} \n                    image={'https://m.media-amazon.com/images/I/81evcbumPSL._AC_UL320_.jpg'} \n                    rating={4}/>\n\n                     <Product\n                    title=\"Painless Electric Razor for Women, Rechargeable Waterproof Electric \" \n                    price={27.99} \n                    image={'https://m.media-amazon.com/images/I/51GztWb7pEL._AC_SR160,160_.jpg'} \n                    rating={5}/>\n\n                    <Product\n                    title=\"4 in 1 Electric Razor for Women,KIBTOY Wet & Dry Painless Rechargeable Shaver\" \n                    price={36.99} \n                    image={'https://m.media-amazon.com/images/I/41qrHxGdXeL._AC_SR160,160_.jpg'} \n                    rating={2}/>\n\n                </div>\n            </div>\n        </div>\n\n    )\n}\n\nexport default Home;","import React, { Component } from 'react';\n\nclass Checkout extends Component {\n    render() {\n        return (\n            <div>\n               <h2>Proceed to checkout</h2>\n            </div>\n        );\n    }\n}\n\nexport default Checkout;","import './App.css';\nimport Header from './components/Header';\nimport Home from './pages/Home';\nimport Checkout from './pages/Checkout';\n\nimport { BrowserRouter as Router, Switch, Route} from \"react-router-dom\";\n\nfunction App() {\n  return (\n    <Router>\n      <div className=\"App\">\n         <Switch>\n          {/* checkout pack route */}\n              <Route path=\"/checkout\">\n                <Header />\n                <Checkout />\n              </Route>\n              <Route path=\"/\">\n                <Header />\n                <Home />\n            </Route>\n         </Switch>\n      </div>\n    </Router>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}