sunil9813 · biandito · Aug 4, 2024 · Aug 4, 2024 · Aug 4, 2024 · Aug 4, 2024
diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -2,17 +2,18 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
+    <link rel="icon" href="./public/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
+    <meta name="description" content="Loja de Agricultura" />
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.0.0/css/all.css" integrity="sha384-3B6NwesSXE7YJlcLI9RpRqGf2p/EgVH8BgoKTaUrmKNDkHPStTQ3EyoYjCGXaOTS" crossorigin="anonymous" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <title>React Js Ecommerce Template</title>
+    <link rel="manifest" href="/manifest.json" />
+    <title>FazVendas</title>
   </head>
   <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <noscript>Habilite o JavaScript para utilizar a loja</noscript>
     <div id="root"></div>
+    <script type="module" src="./src/main.jsx"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,46 +1,38 @@
 {
-  "name": "bonik-shop",
-  "version": "0.1.0",
+  "name": "socorro",
   "private": true,
-  "dependencies": {
-    "@emotion/react": "^11.8.1",
-    "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.4.4",
-    "@mui/styled-engine-sc": "^5.4.2",
-    "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^12.1.3",
-    "@testing-library/user-event": "^13.5.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^5.3.0",
-    "react-scripts": "5.0.0",
-    "react-slick": "^0.28.1",
-    "slick-carousel": "^1.8.1",
-    "styled-components": "^5.3.3",
-    "web-vitals": "^2.1.4"
-  },
+  "version": "0.1.0",
+  "type": "module",
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
+  "dependencies": {
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "@mui/icons-material": "^5.16.6",
+    "@mui/material": "^5.16.6",
+    "@mui/styled-engine": "^5.16.6",
+    "@mui/system": "^5.16.7",
+    "@types/react-router-dom": "^5.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.0",
+    "react-slick": "^0.30.2",
+    "react-toastify": "^10.0.5",
+    "slick-carousel": "^1.8.1",
+    "styled-components": "^6.1.12"
   },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "vite": "^5.3.4"
   }
 }
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/images/agricultura/abobrinha.png b/public/images/agricultura/abobrinha.png
diff --git a/public/images/agricultura/alface.png b/public/images/agricultura/alface.png
diff --git a/public/images/agricultura/alface2.png b/public/images/agricultura/alface2.png
diff --git a/public/images/agricultura/aspersor.png b/public/images/agricultura/aspersor.png
diff --git a/public/images/agricultura/berinjela.png b/public/images/agricultura/berinjela.png
diff --git a/public/images/agricultura/botão gotejador.png b/public/images/agricultura/botão gotejador.png
diff --git a/public/images/agricultura/dosador1.png b/public/images/agricultura/dosador1.png
diff --git a/public/images/agricultura/fertilizante1.png b/public/images/agricultura/fertilizante1.png
diff --git a/public/images/agricultura/fertilizante2.png b/public/images/agricultura/fertilizante2.png
diff --git a/public/images/agricultura/fertilizante3.png b/public/images/agricultura/fertilizante3.png
diff --git a/public/images/agricultura/fertilizante4.png b/public/images/agricultura/fertilizante4.png
diff --git a/public/images/agricultura/filtro.png b/public/images/agricultura/filtro.png
diff --git a/public/images/agricultura/melancia.png b/public/images/agricultura/melancia.png
diff --git a/public/images/agricultura/pulverizador1.png b/public/images/agricultura/pulverizador1.png
diff --git a/public/images/agricultura/pulverizador2.png b/public/images/agricultura/pulverizador2.png
diff --git a/public/images/agricultura/repolho.png b/public/images/agricultura/repolho.png
diff --git a/public/images/agricultura/rocadeira1.png b/public/images/agricultura/rocadeira1.png
diff --git a/public/images/agricultura/rocadeira2.png b/public/images/agricultura/rocadeira2.png
diff --git a/public/images/agricultura/soprovarredor.png b/public/images/agricultura/soprovarredor.png
diff --git a/public/images/agricultura/tomate.png b/public/images/agricultura/tomate.png
diff --git a/public/images/agricultura/tubo gotejador.png b/public/images/agricultura/tubo gotejador.png
diff --git a/public/images/flash/rocadeira1.png b/public/images/flash/rocadeira1.png
diff --git a/src/App.css b/src/App.css
@@ -77,7 +77,7 @@ button {
   box-shadow: rgb(43 52 69 / 10%) 0px 4px 16px;
   background-color: #fff;
   width: 23%;
-  height: 510px;
+  min-height: 10%;
   padding: 15px 0;
   border-radius: 5px;
   margin-top: 5px;
@@ -97,13 +97,14 @@ button {
   padding: 0 20px;
 }
 .category .box:hover {
-  background-color: #ffe1e6;
+  background-color: #f9cc95
+  ;
   cursor: pointer;
 }
 
 /*---------category----------*/
 .btn-primary {
-  background: #e94560;
+  background: #f49728  ;
   padding: 13px 40px;
   font-weight: bold;
   color: #fff;
@@ -116,14 +117,14 @@ button {
   margin-top: 40px;
 }
 .heading i {
-  color: #e94560;
+  color: #f49728  ;
   margin: 10px;
 }
 .discount {
   position: absolute;
   top: 0;
   left: 0;
-  background: #e94560;
+  background: #f49728  ;
   padding: 3px 10px;
   font-size: 12px;
   border-radius: 50px;
@@ -148,14 +149,21 @@ button {
   color: #ffcd4e;
   margin: 5px 5px 5px 0;
 }
+.product .old{
+  display: flex;
+  justify-content: space-between;
+  color: #656565;
+}
+
 .product .price {
   display: flex;
   justify-content: space-between;
-  color: #e94560;
+  color: #f49728
+  ;
 }
 .price button {
   background: none;
-  color: #e94560;
+  color: #f49728  ;
   font-size: 20px;
   transition: 0.5s;
   border: 1px solid rgb(3 0 71 / 9%);
@@ -165,7 +173,8 @@ button {
 }
 .price button:hover {
   cursor: pointer;
-  background-color: #e94560;
+  background-color: #f49728
+  ;
   color: #fff;
 }
 .product-like {
@@ -177,7 +186,7 @@ button {
   transition: 0.5s;
 }
 .product-like label {
-  background-color: #0f3460;
+  background-color: #007744;
   padding: 1px 10px;
   font-size: 12px;
   color: white;
@@ -190,6 +199,13 @@ button {
 .product:hover .product-like {
   opacity: 1;
 }
+.compra{
+  min-height: 450px;
+}
+
+.product img{
+  aspect-ratio: 1/1;
+}
 /*---------product-----------*/
 /*----- control btn -------*/
 .control-btn .next,
@@ -199,7 +215,7 @@ button {
   width: 50px;
   height: 50px;
   line-height: 60px;
-  background: #0f3460;
+  background: #007744;
   border-radius: 50%;
   transform: 0.5s;
   z-index: 5;
@@ -218,7 +234,7 @@ button {
 }
 .control-btn .prev:hover,
 .control-btn .next:hover {
-  background: #e94560;
+  background: #f49728;
   color: white;
   cursor: pointer;
 }