From af3883363ed8cf5f0d925d871e5fdfcfb42f3970 Mon Sep 17 00:00:00 2001 From: abiy1234 Date: Thu, 1 Aug 2024 13:52:28 -0400 Subject: [PATCH 1/6] update --- index.html | 2 +- src/CartItem.jsx | 97 +++++-- src/CartSlice.jsx | 17 +- src/ProductList.jsx | 640 ++++++++++++++++++++++++++------------------ src/store.js | 2 +- 5 files changed, 475 insertions(+), 283 deletions(-) diff --git a/index.html b/index.html index 77b24fdfea..3f1baca153 100644 --- a/index.html +++ b/index.html @@ -12,4 +12,4 @@
- + \ No newline at end of file diff --git a/src/CartItem.jsx b/src/CartItem.jsx index e06317433f..2d618e0e38 100644 --- a/src/CartItem.jsx +++ b/src/CartItem.jsx @@ -1,68 +1,117 @@ -import React from 'react'; -import { useSelector, useDispatch } from 'react-redux'; -import { removeItem, updateQuantity } from './CartSlice'; -import './CartItem.css'; +import React from "react"; +import { useSelector, useDispatch } from "react-redux"; +import { removeItem, updateQuantity } from "./CartSlice"; +import "./CartItem.css"; -const CartItem = ({ onContinueShopping }) => { - const cart = useSelector(state => state.cart.items); +const CartItem = ({ onContinueShopping, setAddedToCart }) => { + const cart = useSelector((state) => state.cart.items); const dispatch = useDispatch(); // Calculate total amount for all products in the cart - const calculateTotalAmount = () => { - + const calculateTotalAmount = (items) => { + let totalPrice = 0; + items.forEach((item) => { + totalPrice += parseFloat(item.cost.replace("$", "")) * item.quantity; + }); + return totalPrice; }; const handleContinueShopping = (e) => { - + onContinueShopping(e); }; - + const handleCheckoutShopping = (e) => { + e.preventDefault(); + alert("Functionality to be added for future reference"); + }; const handleIncrement = (item) => { + dispatch(updateQuantity({ ...item, quantity: item.quantity + 1 })); }; const handleDecrement = (item) => { - + if (item.quantity > 1) { + dispatch(updateQuantity({ ...item, quantity: item.quantity - 1 })); + } else if (item.quantity === 1) { + dispatch(removeItem(item.name)); + } }; const handleRemove = (item) => { + const nameToRemove = item.name; + dispatch(removeItem(nameToRemove)); + setAddedToCart(({ [nameToRemove]: _, ...rest }) => rest); }; // Calculate total cost based on quantity for an item const calculateTotalCost = (item) => { + const { cost, quantity } = item; + return parseFloat(cost.replace("$", "")) * quantity; }; return (
-

Total Cart Amount: ${calculateTotalAmount()}

+

+ Total Cart Amount: ${calculateTotalAmount(cart)} +

- {cart.map(item => ( + {cart.map((item) => (
{item.name}
{item.name}
{item.cost}
- - {item.quantity} - + + + {item.quantity} + + +
+
+ Total: ${calculateTotalCost(item)}
-
Total: ${calculateTotalCost(item)}
- +
))}
-
+
- +
- +
); }; -export default CartItem; - - +export default CartItem; \ No newline at end of file diff --git a/src/CartSlice.jsx b/src/CartSlice.jsx index 32b8761ed0..a7ea388cce 100644 --- a/src/CartSlice.jsx +++ b/src/CartSlice.jsx @@ -1,3 +1,4 @@ + import { createSlice } from '@reduxjs/toolkit'; export const CartSlice = createSlice({ @@ -7,13 +8,23 @@ export const CartSlice = createSlice({ }, reducers: { addItem: (state, action) => { - + const { name, image, cost } = action.payload; + const existingItem = state.items.find(item => item.name === name); + if (existingItem) { + existingItem.quantity++; + } else { + state.items.push({ name, image, cost, quantity: 1 }); + } }, removeItem: (state, action) => { + state.items = state.items.filter(item => item.name !== action.payload); }, updateQuantity: (state, action) => { - - + const { name, quantity } = action.payload; + const itemToUpdate = state.items.find(item => item.name === name); + if (itemToUpdate) { + itemToUpdate.quantity = quantity; + } }, }, }); diff --git a/src/ProductList.jsx b/src/ProductList.jsx index 964b15d497..1ae7aec4a7 100644 --- a/src/ProductList.jsx +++ b/src/ProductList.jsx @@ -1,281 +1,413 @@ -import React, { useState,useEffect } from 'react'; -import './ProductList.css' -import CartItem from './CartItem'; + +import React, { useState, useEffect } from "react"; +import { useSelector, useDispatch } from "react-redux"; +import "./ProductList.css"; +import CartItem from "./CartItem"; +import { addItem } from "./CartSlice"; + function ProductList() { - const [showCart, setShowCart] = useState(false); - const [showPlants, setShowPlants] = useState(false); // State to control the visibility of the About Us page + const cart = useSelector((state) => state.cart.items); + const dispatch = useDispatch(); + const [showCart, setShowCart] = useState(false); + const [showPlants, setShowPlants] = useState(false); // State to control the visibility of the About Us page + const [addedToCart, setAddedToCart] = useState({}); - const plantsArray = [ + const plantsArray = [ + { + category: "Air Purifying Plants", + plants: [ { - category: "Air Purifying Plants", - plants: [ - { - name: "Snake Plant", - image: "https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg", - description: "Produces oxygen at night, improving air quality.", - cost: "$15" - }, - { - name: "Spider Plant", - image: "https://cdn.pixabay.com/photo/2018/07/11/06/47/chlorophytum-3530413_1280.jpg", - description: "Filters formaldehyde and xylene from the air.", - cost: "$12" - }, - { - name: "Peace Lily", - image: "https://cdn.pixabay.com/photo/2019/06/12/14/14/peace-lilies-4269365_1280.jpg", - description: "Removes mold spores and purifies the air.", - cost: "$18" - }, - { - name: "Boston Fern", - image: "https://cdn.pixabay.com/photo/2020/04/30/19/52/boston-fern-5114414_1280.jpg", - description: "Adds humidity to the air and removes toxins.", - cost: "$20" - }, - { - name: "Rubber Plant", - image: "https://cdn.pixabay.com/photo/2020/02/15/11/49/flower-4850729_1280.jpg", - description: "Easy to care for and effective at removing toxins.", - cost: "$17" - }, - { - name: "Aloe Vera", - image: "https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg", - description: "Purifies the air and has healing properties for skin.", - cost: "$14" - } - ] + name: "Snake Plant", + image: + "https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg", + description: "Produces oxygen at night, improving air quality.", + cost: "$15", }, { - category: "Aromatic Fragrant Plants", - plants: [ - { - name: "Lavender", - image: "https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", - description: "Calming scent, used in aromatherapy.", - cost: "$20" - }, - { - name: "Jasmine", - image: "https://images.unsplash.com/photo-1592729645009-b96d1e63d14b?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", - description: "Sweet fragrance, promotes relaxation.", - cost: "$18" - }, - { - name: "Rosemary", - image: "https://cdn.pixabay.com/photo/2019/10/11/07/12/rosemary-4541241_1280.jpg", - description: "Invigorating scent, often used in cooking.", - cost: "$15" - }, - { - name: "Mint", - image: "https://cdn.pixabay.com/photo/2016/01/07/18/16/mint-1126282_1280.jpg", - description: "Refreshing aroma, used in teas and cooking.", - cost: "$12" - }, - { - name: "Lemon Balm", - image: "https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg", - description: "Citrusy scent, relieves stress and promotes sleep.", - cost: "$14" - }, - { - name: "Hyacinth", - image: "https://cdn.pixabay.com/photo/2019/04/07/20/20/hyacinth-4110726_1280.jpg", - description: "Hyacinth is a beautiful flowering plant known for its fragrant.", - cost: "$22" - } - ] + name: "Spider Plant", + image: + "https://cdn.pixabay.com/photo/2018/07/11/06/47/chlorophytum-3530413_1280.jpg", + description: "Filters formaldehyde and xylene from the air.", + cost: "$12", }, { - category: "Insect Repellent Plants", - plants: [ - { - name: "oregano", - image: "https://cdn.pixabay.com/photo/2015/05/30/21/20/oregano-790702_1280.jpg", - description: "The oregano plants contains compounds that can deter certain insects.", - cost: "$10" - }, - { - name: "Marigold", - image:"https://cdn.pixabay.com/photo/2022/02/22/05/45/marigold-7028063_1280.jpg", - description: "Natural insect repellent, also adds color to the garden.", - cost: "$8" - }, - { - name: "Geraniums", - image: "https://cdn.pixabay.com/photo/2012/04/26/21/51/flowerpot-43270_1280.jpg", - description: "Known for their insect-repelling properties while adding a pleasant scent.", - cost: "$20" - }, - { - name: "Basil", - image: "https://cdn.pixabay.com/photo/2016/07/24/20/48/tulsi-1539181_1280.jpg", - description: "Repels flies and mosquitoes, also used in cooking.", - cost: "$9" - }, - { - name: "Lavender", - image: "https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", - description: "Calming scent, used in aromatherapy.", - cost: "$20" - }, - { - name: "Catnip", - image: "https://cdn.pixabay.com/photo/2015/07/02/21/55/cat-829681_1280.jpg", - description: "Repels mosquitoes and attracts cats.", - cost: "$13" - } - ] + name: "Peace Lily", + image: + "https://cdn.pixabay.com/photo/2019/06/12/14/14/peace-lilies-4269365_1280.jpg", + description: "Removes mold spores and purifies the air.", + cost: "$18", }, { - category: "Medicinal Plants", - plants: [ - { - name: "Aloe Vera", - image: "https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg", - description: "Soothing gel used for skin ailments.", - cost: "$14" - }, - { - name: "Echinacea", - image: "https://cdn.pixabay.com/photo/2014/12/05/03/53/echinacea-557477_1280.jpg", - description: "Boosts immune system, helps fight colds.", - cost: "$16" - }, - { - name: "Peppermint", - image: "https://cdn.pixabay.com/photo/2017/07/12/12/23/peppermint-2496773_1280.jpg", - description: "Relieves digestive issues and headaches.", - cost: "$13" - }, - { - name: "Lemon Balm", - image: "https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg", - description: "Calms nerves and promotes relaxation.", - cost: "$14" - }, - { - name: "Chamomile", - image: "https://cdn.pixabay.com/photo/2016/08/19/19/48/flowers-1606041_1280.jpg", - description: "Soothes anxiety and promotes sleep.", - cost: "$15" - }, - { - name: "Calendula", - image: "https://cdn.pixabay.com/photo/2019/07/15/18/28/flowers-4340127_1280.jpg", - description: "Heals wounds and soothes skin irritations.", - cost: "$12" - } - ] + name: "Boston Fern", + image: + "https://cdn.pixabay.com/photo/2020/04/30/19/52/boston-fern-5114414_1280.jpg", + description: "Adds humidity to the air and removes toxins.", + cost: "$20", }, { - category: "Low Maintenance Plants", - plants: [ - { - name: "ZZ Plant", - image: "https://images.unsplash.com/photo-1632207691143-643e2a9a9361?q=80&w=464&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", - description: "Thrives in low light and requires minimal watering.", - cost: "$25" - }, - { - name: "Pothos", - image: "https://cdn.pixabay.com/photo/2018/11/15/10/32/plants-3816945_1280.jpg", - description: "Tolerates neglect and can grow in various conditions.", - cost: "$10" - }, - { - name: "Snake Plant", - image: "https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg", - description: "Needs infrequent watering and is resilient to most pests.", - cost: "$15" - }, - { - name: "Cast Iron Plant", - image: "https://cdn.pixabay.com/photo/2017/02/16/18/04/cast-iron-plant-2072008_1280.jpg", - description: "Hardy plant that tolerates low light and neglect.", - cost: "$20" - }, - { - name: "Succulents", - image: "https://cdn.pixabay.com/photo/2016/11/21/16/05/cacti-1846147_1280.jpg", - description: "Drought-tolerant plants with unique shapes and colors.", - cost: "$18" - }, - { - name: "Aglaonema", - image: "https://cdn.pixabay.com/photo/2014/10/10/04/27/aglaonema-482915_1280.jpg", - description: "Requires minimal care and adds color to indoor spaces.", - cost: "$22" - } - ] - } - ]; - const styleObj={ - backgroundColor: '#4CAF50', - color: '#fff!important', - padding: '15px', - display: 'flex', - justifyContent: 'space-between', - alignIems: 'center', - fontSize: '20px', - } - const styleObjUl={ - display: 'flex', - justifyContent: 'space-between', - alignItems: 'center', - width: '1100px', - } - const styleA={ - color: 'white', - fontSize: '30px', - textDecoration: 'none', - } - const handleCartClick = (e) => { + name: "Rubber Plant", + image: + "https://cdn.pixabay.com/photo/2020/02/15/11/49/flower-4850729_1280.jpg", + description: "Easy to care for and effective at removing toxins.", + cost: "$17", + }, + { + name: "Aloe Vera", + image: + "https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg", + description: "Purifies the air and has healing properties for skin.", + cost: "$14", + }, + ], + }, + { + category: "Aromatic Fragrant Plants", + plants: [ + { + name: "Lavender", + image: + "https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + description: "Calming scent, used in aromatherapy.", + cost: "$20", + }, + { + name: "Jasmine", + image: + "https://images.unsplash.com/photo-1592729645009-b96d1e63d14b?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + description: "Sweet fragrance, promotes relaxation.", + cost: "$18", + }, + { + name: "Rosemary", + image: + "https://cdn.pixabay.com/photo/2019/10/11/07/12/rosemary-4541241_1280.jpg", + description: "Invigorating scent, often used in cooking.", + cost: "$15", + }, + { + name: "Mint", + image: + "https://cdn.pixabay.com/photo/2016/01/07/18/16/mint-1126282_1280.jpg", + description: "Refreshing aroma, used in teas and cooking.", + cost: "$12", + }, + { + name: "Lemon Balm", + image: + "https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg", + description: "Citrusy scent, relieves stress and promotes sleep.", + cost: "$14", + }, + { + name: "Hyacinth", + image: + "https://cdn.pixabay.com/photo/2019/04/07/20/20/hyacinth-4110726_1280.jpg", + description: + "Hyacinth is a beautiful flowering plant known for its fragrant.", + cost: "$22", + }, + ], + }, + { + category: "Insect Repellent Plants", + plants: [ + { + name: "oregano", + image: + "https://cdn.pixabay.com/photo/2015/05/30/21/20/oregano-790702_1280.jpg", + description: + "The oregano plants contains compounds that can deter certain insects.", + cost: "$10", + }, + { + name: "Marigold", + image: + "https://cdn.pixabay.com/photo/2022/02/22/05/45/marigold-7028063_1280.jpg", + description: + "Natural insect repellent, also adds color to the garden.", + cost: "$8", + }, + { + name: "Geraniums", + image: + "https://cdn.pixabay.com/photo/2012/04/26/21/51/flowerpot-43270_1280.jpg", + description: + "Known for their insect-repelling properties while adding a pleasant scent.", + cost: "$20", + }, + { + name: "Basil", + image: + "https://cdn.pixabay.com/photo/2016/07/24/20/48/tulsi-1539181_1280.jpg", + description: "Repels flies and mosquitoes, also used in cooking.", + cost: "$9", + }, + { + name: "Lavender", + image: + "https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + description: "Calming scent, used in aromatherapy.", + cost: "$20", + }, + { + name: "Catnip", + image: + "https://cdn.pixabay.com/photo/2015/07/02/21/55/cat-829681_1280.jpg", + description: "Repels mosquitoes and attracts cats.", + cost: "$13", + }, + ], + }, + { + category: "Medicinal Plants", + plants: [ + { + name: "Aloe Vera", + image: + "https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg", + description: "Soothing gel used for skin ailments.", + cost: "$14", + }, + { + name: "Echinacea", + image: + "https://cdn.pixabay.com/photo/2014/12/05/03/53/echinacea-557477_1280.jpg", + description: "Boosts immune system, helps fight colds.", + cost: "$16", + }, + { + name: "Peppermint", + image: + "https://cdn.pixabay.com/photo/2017/07/12/12/23/peppermint-2496773_1280.jpg", + description: "Relieves digestive issues and headaches.", + cost: "$13", + }, + { + name: "Lemon Balm", + image: + "https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg", + description: "Calms nerves and promotes relaxation.", + cost: "$14", + }, + { + name: "Chamomile", + image: + "https://cdn.pixabay.com/photo/2016/08/19/19/48/flowers-1606041_1280.jpg", + description: "Soothes anxiety and promotes sleep.", + cost: "$15", + }, + { + name: "Calendula", + image: + "https://cdn.pixabay.com/photo/2019/07/15/18/28/flowers-4340127_1280.jpg", + description: "Heals wounds and soothes skin irritations.", + cost: "$12", + }, + ], + }, + { + category: "Low Maintenance Plants", + plants: [ + { + name: "ZZ Plant", + image: + "https://images.unsplash.com/photo-1632207691143-643e2a9a9361?q=80&w=464&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + description: "Thrives in low light and requires minimal watering.", + cost: "$25", + }, + { + name: "Pothos", + image: + "https://cdn.pixabay.com/photo/2018/11/15/10/32/plants-3816945_1280.jpg", + description: "Tolerates neglect and can grow in various conditions.", + cost: "$10", + }, + { + name: "Snake Plant", + image: + "https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg", + description: + "Needs infrequent watering and is resilient to most pests.", + cost: "$15", + }, + { + name: "Cast Iron Plant", + image: + "https://cdn.pixabay.com/photo/2017/02/16/18/04/cast-iron-plant-2072008_1280.jpg", + description: "Hardy plant that tolerates low light and neglect.", + cost: "$20", + }, + { + name: "Succulents", + image: + "https://cdn.pixabay.com/photo/2016/11/21/16/05/cacti-1846147_1280.jpg", + description: "Drought-tolerant plants with unique shapes and colors.", + cost: "$18", + }, + { + name: "Aglaonema", + image: + "https://cdn.pixabay.com/photo/2014/10/10/04/27/aglaonema-482915_1280.jpg", + description: "Requires minimal care and adds color to indoor spaces.", + cost: "$22", + }, + ], + }, + ]; + const styleObj = { + backgroundColor: "#4CAF50", + color: "#fff!important", + padding: "15px", + display: "flex", + justifyContent: "space-between", + alignIems: "center", + fontSize: "20px", + }; + const styleObjUl = { + display: "flex", + justifyContent: "space-between", + alignItems: "center", + // width: "1100px", + flexGrow: 1, + }; + const styleA = { + color: "white", + fontSize: "30px", + textDecoration: "none", + position: "relative", + }; + const handleCartClick = (e) => { e.preventDefault(); setShowCart(true); // Set showCart to true when cart icon is clicked -}; -const handlePlantsClick = (e) => { + }; + const handlePlantsClick = (e) => { e.preventDefault(); setShowPlants(true); // Set showAboutUs to true when "About Us" link is clicked setShowCart(false); // Hide the cart when navigating to About Us -}; + }; - const handleContinueShopping = (e) => { + const handleContinueShopping = (e) => { e.preventDefault(); setShowCart(false); }; - return ( -
-
-
-
- - -
-

Paradise Nursery

- Where Green Meets Serenity -
- -
- -
-
-
handlePlantsClick(e)} style={styleA}>Plants
-
handleCartClick(e)} style={styleA}>

-
-
- {!showCart? ( -
+ const handleAddToCart = (product) => { + dispatch(addItem(product)); + setAddedToCart((prevState) => ({ + ...prevState, + [product.name]: true, + })); + }; + const calculateTotalItems = (items) => { + let totalItems = 0; + items.forEach((item) => { + totalItems += item.quantity; + }); + return totalItems; + }; + return ( +
+
+ + +
+ {!showCart ? ( +
+ {plantsArray.map((product) => { + return ( +
+

{product.category}

+
    + {product.plants.map((plant, index) => { + const isAddedToCart = addedToCart?.[plant.name]; + return ( +
  • +

    {plant.name}

    + {plant.name} +
    {plant.cost}
    +

    {plant.description}

    + +
    • + ); + })} +
+
+ ); + })}
- ) : ( - -)} + ) : ( + + )}
- ); + ); } export default ProductList; diff --git a/src/store.js b/src/store.js index 57a00db8c5..ecd99f81f1 100644 --- a/src/store.js +++ b/src/store.js @@ -6,4 +6,4 @@ import cartReducer from './CartSlice'; cart: cartReducer, }, }); -export default store \ No newline at end of file +export default store; From 1871e9cba20fe04c55e29f045283f17df69d31f4 Mon Sep 17 00:00:00 2001 From: abiy1234 Date: Thu, 1 Aug 2024 13:55:48 -0400 Subject: [PATCH 2/6] update --- package.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/package.json b/package.json index b7d4c1d1d4..5210f56f23 100644 --- a/package.json +++ b/package.json @@ -6,6 +6,8 @@ "scripts": { "dev": "vite", "build": "vite build", + "predeploy": "npm run build", + "deploy": "gh-pages -d dist", "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", "preview": "vite build; vite preview --host" }, From b251faa4266d645341e748b95069a06b7bd89426 Mon Sep 17 00:00:00 2001 From: AbiGMe Date: Tue, 31 Dec 2024 22:09:14 +0000 Subject: [PATCH 3/6] update --- vite.config.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/vite.config.js b/vite.config.js index 4d190ae430..beeaed5cdc 100644 --- a/vite.config.js +++ b/vite.config.js @@ -3,6 +3,6 @@ import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ - base: "/shoppingreact", + base: "/e-plantShopping", plugins: [react()], }) From 5ad4a6b7a006c1bb48f9275c09fd128aea631a6d Mon Sep 17 00:00:00 2001 From: Abiya GMebrahtu Date: Thu, 6 Mar 2025 20:53:09 +0300 Subject: [PATCH 4/6] Create style.c.css --- style.c.css | 1 + 1 file changed, 1 insertion(+) create mode 100644 style.c.css diff --git a/style.c.css b/style.c.css new file mode 100644 index 0000000000..a368454bd3 --- /dev/null +++ b/style.c.css @@ -0,0 +1 @@ +code goes here From aea6e36eff79e0e2568445a8dba965dfd4b24d35 Mon Sep 17 00:00:00 2001 From: Abiya GMebrahtu Date: Thu, 6 Mar 2025 20:56:37 +0300 Subject: [PATCH 5/6] Create index.h1.html --- index.h1.html | 1 + 1 file changed, 1 insertion(+) create mode 100644 index.h1.html diff --git a/index.h1.html b/index.h1.html new file mode 100644 index 0000000000..a368454bd3 --- /dev/null +++ b/index.h1.html @@ -0,0 +1 @@ +code goes here From 780b7f51b021370507b89ba51965670904627bce Mon Sep 17 00:00:00 2001 From: Abiya GMebrahtu Date: Thu, 6 Mar 2025 21:02:53 +0300 Subject: [PATCH 6/6] Create style.csss --- style.csss | 1 + 1 file changed, 1 insertion(+) create mode 100644 style.csss diff --git a/style.csss b/style.csss new file mode 100644 index 0000000000..a368454bd3 --- /dev/null +++ b/style.csss @@ -0,0 +1 @@ +code goes here