└── frontend ├── src ├── App.css ├── serviceworker.js ├── components │ ├── Navbar │ │ ├── Navbar.css │ │ └── Navbar.jsx │ ├── WishlistsPanel │ │ ├── WishlistPanel.css │ │ └── WishlistPanel.jsx │ ├── Footer │ │ ├── Footer.css │ │ └── Footer.jsx │ └── Data.jsx ├── index.css ├── images │ ├── favicon.ico │ ├── team │ │ ├── leader1.png │ │ ├── leader2.png │ │ ├── leader3.png │ │ └── leader4.png │ ├── user │ │ ├── image-1.png │ │ ├── image-2.png │ │ └── image-3.png │ ├── about │ │ └── img-about.jpg │ ├── icons │ │ ├── bkg_grid.png │ │ ├── bkg_list.png │ │ ├── icon_about1.jpg │ │ ├── icon_about2.jpg │ │ ├── icon_about3.jpg │ │ ├── icon_about4.jpg │ │ ├── service-promo-1.png │ │ ├── service-promo-2.png │ │ ├── service-promo-3.png │ │ ├── service-promo-4.png │ │ ├── service-promo-5.png │ │ ├── service-promo-6.png │ │ ├── service-promo-7.png │ │ ├── service-promo-8.png │ │ └── top-arrow.svg │ ├── logo │ │ ├── logo_black.png │ │ └── logo_white.png │ ├── banner │ │ ├── menu-banner.jpg │ │ ├── side-banner.jpg │ │ ├── banner-style-1-img-1.jpg │ │ ├── banner-style-10-img-1.jpg │ │ ├── banner-style-11-img-1.jpg │ │ ├── banner-style-11-img-2.jpg │ │ ├── banner-style-12-img-1.jpg │ │ ├── banner-style-13-img-1.jpg │ │ ├── banner-style-2-img-1.jpg │ │ ├── banner-style-2-img-2.jpg │ │ ├── banner-style-2-img-3.jpg │ │ ├── banner-style-2-img-4.jpg │ │ ├── banner-style-3-img-1.jpg │ │ ├── banner-style-4-img-1.jpg │ │ ├── banner-style-4-img-2.jpg │ │ ├── banner-style-4-img-3.jpg │ │ ├── banner-style-4-img-4.jpg │ │ ├── banner-style-4-img-5.jpg │ │ ├── banner-style-4-img-6.jpg │ │ ├── banner-style-4-img-7.jpg │ │ ├── banner-style-4-img-8.jpg │ │ ├── banner-style-5-img-1.jpg │ │ ├── banner-style-5-img-2.jpg │ │ ├── banner-style-5-img-3.jpg │ │ ├── banner-style-6-img-1.jpg │ │ ├── banner-style-7-img-1.jpg │ │ ├── banner-style-7-img-2.jpg │ │ ├── banner-style-7-img-3.jpg │ │ ├── banner-style-8-img-1.jpg │ │ ├── banner-style-8-img-2.jpg │ │ └── banner-style-9-img-1.jpg │ ├── company-logo │ │ ├── payment.png │ │ ├── company-logo-1.png │ │ ├── company-logo-2.png │ │ ├── company-logo-3.png │ │ ├── company-logo-4.png │ │ ├── company-logo-5.png │ │ ├── company-logo-6.png │ │ ├── company-logo-7.png │ │ └── company-logo-8.png │ ├── emprt-cart │ │ └── empty-cart.png │ ├── instagram │ │ ├── instagram-1.jpg │ │ ├── instagram-2.jpg │ │ ├── instagram-3.jpg │ │ ├── instagram-4.jpg │ │ ├── instagram-5.jpg │ │ └── instagram-6.jpg │ ├── blog │ │ ├── blog-grid-home-1-img-1.jpg │ │ ├── blog-grid-home-1-img-2.jpg │ │ ├── blog-grid-home-1-img-3.jpg │ │ ├── blog-grid-home-1-img-4.jpg │ │ ├── blog-grid-home-1-img-5.jpg │ │ └── blog-grid-home-1-img-6.jpg │ ├── hero-slider │ │ ├── home-1 │ │ │ ├── hero-slider-1.jpg │ │ │ └── hero-slider-2.jpg │ │ ├── home-2 │ │ │ ├── hero-slider-1.jpg │ │ │ └── hero-slider-2.jpg │ │ ├── home-3 │ │ │ ├── hero-slider-1.jpg │ │ │ └── hero-slider-2.jpg │ │ └── home-4 │ │ │ ├── hero-slider-1.jpg │ │ │ └── hero-slider-2.jpg │ └── product │ │ └── default │ │ ├── home-1 │ │ ├── default-1.jpg │ │ ├── default-10.jpg │ │ ├── default-11.jpg │ │ ├── default-12.jpg │ │ ├── default-2.jpg │ │ ├── default-3.jpg │ │ ├── default-4.jpg │ │ ├── default-5.jpg │ │ ├── default-6.jpg │ │ ├── default-7.jpg │ │ ├── default-8.jpg │ │ └── default-9.jpg │ │ ├── home-2 │ │ ├── default-1.jpg │ │ ├── default-10.jpg │ │ ├── default-11.jpg │ │ ├── default-12.jpg │ │ ├── default-13.jpg │ │ ├── default-14.jpg │ │ ├── default-15.jpg │ │ ├── default-16.jpg │ │ ├── default-17.jpg │ │ ├── default-18.jpg │ │ ├── default-2.jpg │ │ ├── default-3.jpg │ │ ├── default-4.jpg │ │ ├── default-5.jpg │ │ ├── default-6.jpg │ │ ├── default-7.jpg │ │ ├── default-8.jpg │ │ └── default-9.jpg │ │ ├── home-3 │ │ ├── default-1.jpg │ │ ├── default-10.jpg │ │ ├── default-11.jpg │ │ ├── default-2.jpg │ │ ├── default-3.jpg │ │ ├── default-4.jpg │ │ ├── default-5.jpg │ │ ├── default-6.jpg │ │ ├── default-7.jpg │ │ ├── default-8.jpg │ │ └── default-9.jpg │ │ └── home-4 │ │ ├── default-1.jpg │ │ ├── default-10.jpg │ │ ├── default-11.jpg │ │ ├── default-2.jpg │ │ ├── default-3.jpg │ │ ├── default-4.jpg │ │ ├── default-5.jpg │ │ ├── default-6.jpg │ │ ├── default-7.jpg │ │ ├── default-8.jpg │ │ └── default-9.jpg ├── context │ ├── CartContext.js │ ├── WishlistContext │ │ ├── WishlistContext.js │ │ └── WishlistContextProvider.jsx │ ├── WishlistPanleslider │ │ ├── WishlistPanelContext.js │ │ └── WishlistPanelContextProvider.jsx │ └── CartContextProvider.jsx ├── App.jsx ├── main.jsx └── pages │ ├── Wishlist │ ├── Wishlist.css │ └── Wishlist.jsx │ ├── Cartpage │ ├── Cartpage.css │ └── Cartpage.jsx │ ├── ProductPage │ ├── ProductPage.css │ └── ProductPage.jsx │ ├── ProductDetails │ ├── ProductDetails.css │ └── ProductDetails.jsx │ └── Homepage │ ├── Homepage.css │ └── Homepage.jsx ├── postcss.config.js ├── vite.config.js ├── tailwind.config.js ├── .gitignore ├── index.html ├── README.md ├── .eslintrc.cjs ├── package.json └── public └── vite.svg /frontend/src/App.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /frontend/src/serviceworker.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /frontend/src/components/Navbar/Navbar.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /frontend/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /frontend/src/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/favicon.ico -------------------------------------------------------------------------------- /frontend/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /frontend/src/images/team/leader1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/team/leader1.png -------------------------------------------------------------------------------- /frontend/src/images/team/leader2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/team/leader2.png -------------------------------------------------------------------------------- /frontend/src/images/team/leader3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/team/leader3.png -------------------------------------------------------------------------------- /frontend/src/images/team/leader4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/team/leader4.png -------------------------------------------------------------------------------- /frontend/src/images/user/image-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/user/image-1.png -------------------------------------------------------------------------------- /frontend/src/images/user/image-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/user/image-2.png -------------------------------------------------------------------------------- /frontend/src/images/user/image-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/user/image-3.png -------------------------------------------------------------------------------- /frontend/src/images/about/img-about.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/about/img-about.jpg -------------------------------------------------------------------------------- /frontend/src/images/icons/bkg_grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/bkg_grid.png -------------------------------------------------------------------------------- /frontend/src/images/icons/bkg_list.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/bkg_list.png -------------------------------------------------------------------------------- /frontend/src/images/logo/logo_black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/logo/logo_black.png -------------------------------------------------------------------------------- /frontend/src/images/logo/logo_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/logo/logo_white.png -------------------------------------------------------------------------------- /frontend/src/images/banner/menu-banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/menu-banner.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/side-banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/side-banner.jpg -------------------------------------------------------------------------------- /frontend/src/images/icons/icon_about1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/icon_about1.jpg -------------------------------------------------------------------------------- /frontend/src/images/icons/icon_about2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/icon_about2.jpg -------------------------------------------------------------------------------- /frontend/src/images/icons/icon_about3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/icon_about3.jpg -------------------------------------------------------------------------------- /frontend/src/images/icons/icon_about4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/icon_about4.jpg -------------------------------------------------------------------------------- /frontend/src/images/company-logo/payment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/company-logo/payment.png -------------------------------------------------------------------------------- /frontend/src/images/emprt-cart/empty-cart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/emprt-cart/empty-cart.png -------------------------------------------------------------------------------- /frontend/src/images/icons/service-promo-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/service-promo-1.png -------------------------------------------------------------------------------- /frontend/src/images/icons/service-promo-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/service-promo-2.png -------------------------------------------------------------------------------- /frontend/src/images/icons/service-promo-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/service-promo-3.png -------------------------------------------------------------------------------- /frontend/src/images/icons/service-promo-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/service-promo-4.png -------------------------------------------------------------------------------- /frontend/src/images/icons/service-promo-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/service-promo-5.png -------------------------------------------------------------------------------- /frontend/src/images/icons/service-promo-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/service-promo-6.png -------------------------------------------------------------------------------- /frontend/src/images/icons/service-promo-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/service-promo-7.png -------------------------------------------------------------------------------- /frontend/src/images/icons/service-promo-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/icons/service-promo-8.png -------------------------------------------------------------------------------- /frontend/src/images/instagram/instagram-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/instagram/instagram-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/instagram/instagram-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/instagram/instagram-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/instagram/instagram-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/instagram/instagram-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/instagram/instagram-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/instagram/instagram-4.jpg -------------------------------------------------------------------------------- /frontend/src/images/instagram/instagram-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/instagram/instagram-5.jpg -------------------------------------------------------------------------------- /frontend/src/images/instagram/instagram-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/instagram/instagram-6.jpg -------------------------------------------------------------------------------- /frontend/src/context/CartContext.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const CartContext = React.createContext() 4 | 5 | export default CartContext; 6 | -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-1-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-1-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-10-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-10-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-11-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-11-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-11-img-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-11-img-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-12-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-12-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-13-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-13-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-2-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-2-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-2-img-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-2-img-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-2-img-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-2-img-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-2-img-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-2-img-4.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-3-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-3-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-4-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-4-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-4-img-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-4-img-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-4-img-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-4-img-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-4-img-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-4-img-4.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-4-img-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-4-img-5.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-4-img-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-4-img-6.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-4-img-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-4-img-7.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-4-img-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-4-img-8.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-5-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-5-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-5-img-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-5-img-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-5-img-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-5-img-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-6-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-6-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-7-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-7-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-7-img-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-7-img-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-7-img-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-7-img-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-8-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-8-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-8-img-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-8-img-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/banner/banner-style-9-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/banner/banner-style-9-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/blog/blog-grid-home-1-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/blog/blog-grid-home-1-img-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/blog/blog-grid-home-1-img-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/blog/blog-grid-home-1-img-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/blog/blog-grid-home-1-img-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/blog/blog-grid-home-1-img-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/blog/blog-grid-home-1-img-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/blog/blog-grid-home-1-img-4.jpg -------------------------------------------------------------------------------- /frontend/src/images/blog/blog-grid-home-1-img-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/blog/blog-grid-home-1-img-5.jpg -------------------------------------------------------------------------------- /frontend/src/images/blog/blog-grid-home-1-img-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/blog/blog-grid-home-1-img-6.jpg -------------------------------------------------------------------------------- /frontend/src/images/company-logo/company-logo-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/company-logo/company-logo-1.png -------------------------------------------------------------------------------- /frontend/src/images/company-logo/company-logo-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/company-logo/company-logo-2.png -------------------------------------------------------------------------------- /frontend/src/images/company-logo/company-logo-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/company-logo/company-logo-3.png -------------------------------------------------------------------------------- /frontend/src/images/company-logo/company-logo-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/company-logo/company-logo-4.png -------------------------------------------------------------------------------- /frontend/src/images/company-logo/company-logo-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/company-logo/company-logo-5.png -------------------------------------------------------------------------------- /frontend/src/images/company-logo/company-logo-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/company-logo/company-logo-6.png -------------------------------------------------------------------------------- /frontend/src/images/company-logo/company-logo-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/company-logo/company-logo-7.png -------------------------------------------------------------------------------- /frontend/src/images/company-logo/company-logo-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/company-logo/company-logo-8.png -------------------------------------------------------------------------------- /frontend/src/images/hero-slider/home-1/hero-slider-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/hero-slider/home-1/hero-slider-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/hero-slider/home-1/hero-slider-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/hero-slider/home-1/hero-slider-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/hero-slider/home-2/hero-slider-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/hero-slider/home-2/hero-slider-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/hero-slider/home-2/hero-slider-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/hero-slider/home-2/hero-slider-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/hero-slider/home-3/hero-slider-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/hero-slider/home-3/hero-slider-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/hero-slider/home-3/hero-slider-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/hero-slider/home-3/hero-slider-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/hero-slider/home-4/hero-slider-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/hero-slider/home-4/hero-slider-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/hero-slider/home-4/hero-slider-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/hero-slider/home-4/hero-slider-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/icons/top-arrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-10.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-11.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-12.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-4.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-5.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-6.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-7.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-8.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-1/default-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-1/default-9.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-10.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-11.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-12.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-13.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-14.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-15.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-16.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-17.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-18.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-4.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-5.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-6.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-7.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-8.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-2/default-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-2/default-9.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-10.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-11.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-4.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-5.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-6.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-7.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-8.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-3/default-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-3/default-9.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-1.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-10.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-11.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-2.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-3.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-4.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-5.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-6.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-7.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-8.jpg -------------------------------------------------------------------------------- /frontend/src/images/product/default/home-4/default-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dolphinstar0202/-ecommerce-/HEAD/frontend/src/images/product/default/home-4/default-9.jpg -------------------------------------------------------------------------------- /frontend/src/context/WishlistContext/WishlistContext.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const WishlistContext = React.createContext() 4 | 5 | export default WishlistContext; 6 | -------------------------------------------------------------------------------- /frontend/src/context/WishlistPanleslider/WishlistPanelContext.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const WishlistPanelContext = React.createContext() 4 | 5 | export default WishlistPanelContext; -------------------------------------------------------------------------------- /frontend/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | import tailwindcss from "tailwindcss"; 4 | 5 | // https://vitejs.dev/config/ 6 | export default defineConfig({ 7 | plugins: [react()], 8 | }) 9 | -------------------------------------------------------------------------------- /frontend/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | export default { 3 | content: [ 4 | "./index.html", 5 | "./src/**/*.{js,ts,jsx,tsx}", 6 | ], 7 | theme: { 8 | extend: {}, 9 | }, 10 | plugins: [], 11 | } -------------------------------------------------------------------------------- /frontend/src/App.jsx: -------------------------------------------------------------------------------- 1 | 2 | import Homepage from "./pages/Homepage/Homepage.jsx" 3 | import { Outlet } from "react-router-dom" 4 | 5 | function App() { 6 | 7 | return ( 8 |
9 | 10 |
11 | ) 12 | } 13 | 14 | export default App 15 | -------------------------------------------------------------------------------- /frontend/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /frontend/src/context/CartContextProvider.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import CartContext from "./CartContext"; 3 | 4 | const CartContextProvider = ({children}) => { 5 | const [cart, setCart] = React.useState([]) 6 | 7 | return( 8 | 9 | {children} 10 | 11 | ) 12 | } 13 | 14 | export default CartContextProvider -------------------------------------------------------------------------------- /frontend/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + React 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /frontend/README.md: -------------------------------------------------------------------------------- 1 | # React + Vite 2 | 3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. 4 | 5 | Currently, two official plugins are available: 6 | 7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh 8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh 9 | -------------------------------------------------------------------------------- /frontend/src/context/WishlistContext/WishlistContextProvider.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import WishlistPanelContext from "./WishlistContext"; 3 | 4 | const WishlistContextProvider = ({children}) => { 5 | const [wishlist, setWishlist] = React.useState([]) 6 | 7 | return( 8 | 9 | {children} 10 | 11 | ) 12 | } 13 | 14 | export default WishlistContextProvider; 15 | -------------------------------------------------------------------------------- /frontend/src/context/WishlistPanleslider/WishlistPanelContextProvider.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import WishlistPanelContext from './WishlistPanelContext'; 3 | 4 | 5 | const WishlistPanelContextProvider = ({children}) => { 6 | 7 | const [isOpen, setIsOpen] = React.useState(false); 8 | 9 | return ( 10 | 11 | {children} 12 | 13 | ) 14 | } 15 | 16 | export default WishlistPanelContextProvider 17 | -------------------------------------------------------------------------------- /frontend/.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { browser: true, es2020: true }, 4 | extends: [ 5 | 'eslint:recommended', 6 | 'plugin:react/recommended', 7 | 'plugin:react/jsx-runtime', 8 | 'plugin:react-hooks/recommended', 9 | ], 10 | ignorePatterns: ['dist', '.eslintrc.cjs'], 11 | parserOptions: { ecmaVersion: 'latest', sourceType: 'module' }, 12 | settings: { react: { version: '18.2' } }, 13 | plugins: ['react-refresh'], 14 | rules: { 15 | 'react/jsx-no-target-blank': 'off', 16 | 'react-refresh/only-export-components': [ 17 | 'warn', 18 | { allowConstantExport: true }, 19 | ], 20 | }, 21 | } 22 | -------------------------------------------------------------------------------- /frontend/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "frontend", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", 10 | "preview": "vite preview" 11 | }, 12 | "dependencies": { 13 | "@fortawesome/fontawesome-svg-core": "^6.5.2", 14 | "@fortawesome/free-brands-svg-icons": "^6.5.2", 15 | "@fortawesome/free-regular-svg-icons": "^6.5.2", 16 | "@fortawesome/free-solid-svg-icons": "^6.5.2", 17 | "@fortawesome/react-fontawesome": "^0.2.2", 18 | "@suprsend/react-inbox": "^3.2.0", 19 | "@suprsend/web-sdk": "^1.3.3", 20 | "lodash.debounce": "^4.0.8", 21 | "react": "^18.2.0", 22 | "react-dom": "^18.2.0", 23 | "react-router-dom": "^6.23.1", 24 | "react-toastify": "^10.0.5" 25 | }, 26 | "devDependencies": { 27 | "@types/react": "^18.2.66", 28 | "@types/react-dom": "^18.2.22", 29 | "@vitejs/plugin-react": "^4.2.1", 30 | "autoprefixer": "^10.4.19", 31 | "eslint": "^8.57.0", 32 | "eslint-plugin-react": "^7.34.1", 33 | "eslint-plugin-react-hooks": "^4.6.0", 34 | "eslint-plugin-react-refresh": "^0.4.6", 35 | "postcss": "^8.4.40", 36 | "tailwindcss": "^3.4.7", 37 | "vite": "^5.2.0" 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /frontend/public/vite.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /frontend/src/components/WishlistsPanel/WishlistPanel.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: "Open Sans", sans-serif; 6 | } 7 | body, html{ 8 | height: 100%; 9 | width: 100%; 10 | } 11 | .master-cross-div{ 12 | margin-bottom: 30px; 13 | height: 30px; 14 | } 15 | .cross-div{ 16 | float: right; 17 | cursor: pointer; 18 | font-size: 18px; 19 | } 20 | .wishlist-text{ 21 | font-size: 21px; 22 | color: #24262b; 23 | margin-bottom: 40px; 24 | } 25 | 26 | ul{ 27 | list-style: none; 28 | } 29 | ul li{ 30 | display: flex; 31 | justify-content: space-between; 32 | align-items: center; 33 | margin-bottom: 15px; 34 | } 35 | .div-img-text{ 36 | display: flex; 37 | align-items: center; 38 | } 39 | .price-text{ 40 | width: 60%; 41 | margin-left: 20px; 42 | font-size: 14px; 43 | color: #777777; 44 | align-items: center; 45 | } 46 | .Link-text{ 47 | text-decoration: none; 48 | display: block; 49 | color: #777777; 50 | font-weight: 700; 51 | margin-bottom: 10px; 52 | } 53 | span{ 54 | font-weight: 400; 55 | font-style: normal; 56 | line-height: 1.75; 57 | color: #777; 58 | } 59 | .view-wishlist{ 60 | height: 35px; 61 | width: 80%; 62 | margin-left: 10%; 63 | background-color: #B19361; 64 | font-size: 14px; 65 | font-weight: 700; 66 | display: flex; 67 | justify-content: center; 68 | align-items: center; 69 | border-radius: 4px; 70 | margin-top: 50px; 71 | } 72 | .view-wishlist-Link-text{ 73 | text-decoration: none; 74 | color: #fff; 75 | } -------------------------------------------------------------------------------- /frontend/src/main.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom/client' 3 | import App from './App.jsx' 4 | import {Route, RouterProvider, createBrowserRouter, createRoutesFromElements} from 'react-router-dom' 5 | import Homepage from './pages/Homepage/Homepage.jsx' 6 | import ProductDetails from './pages/ProductDetails/ProductDetails.jsx' 7 | import Cartpage from './pages/Cartpage/Cartpage.jsx' 8 | import CartContextProvider from "./context/CartContextProvider.jsx" 9 | import ProductPage from './pages/ProductPage/ProductPage.jsx' 10 | import WishlistContextProvider from './context/WishlistContext/WishlistContextProvider.jsx' 11 | import WishlistPage from './pages/Wishlist/Wishlist.jsx' 12 | import WishlistPanelContextProvider from './context/WishlistPanleslider/WishlistPanelContextProvider.jsx' 13 | import "./index.css"; 14 | 15 | 16 | 17 | const router = createBrowserRouter( 18 | createRoutesFromElements( 19 | }> 20 | } /> 21 | } /> 22 | } /> 23 | } /> 24 | } /> 25 | 26 | ) 27 | ) 28 | 29 | ReactDOM.createRoot(document.getElementById('root')).render( 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | ) 42 | -------------------------------------------------------------------------------- /frontend/src/components/WishlistsPanel/WishlistPanel.jsx: -------------------------------------------------------------------------------- 1 | import React, { useContext } from 'react' 2 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' 3 | import { faTrash, faX } from '@fortawesome/free-solid-svg-icons' 4 | import './WishlistPanel.css' 5 | import WishlistPanelContext from '../../context/WishlistPanleslider/WishlistPanelContext' 6 | import WishlistContext from '../../context/WishlistContext/WishlistContext' 7 | import { Link } from 'react-router-dom' 8 | 9 | const WishlistPanel = () => { 10 | 11 | const {setIsOpen} = useContext(WishlistPanelContext); 12 | const {wishlist} = useContext(WishlistContext) 13 | 14 | const handlecross = () => { 15 | setIsOpen(false); 16 | } 17 | 18 | return ( 19 | <> 20 |
21 |
22 | 23 |
24 |
25 | 26 |
27 | Wishlist 28 |
29 | 30 |
    31 | {wishlist.map((item, index) => ( 32 |
  • 33 |
    34 | 35 |
    36 | {item.title} 37 | 1 X ${item.price} 38 |
    39 |
    40 |
    41 | 42 |
    43 |
  • 44 | ))} 45 |
46 | 47 |
48 | VIEW WISHLIST 49 |
50 | 51 | 52 | 53 | ) 54 | } 55 | 56 | export default WishlistPanel 57 | -------------------------------------------------------------------------------- /frontend/src/pages/Wishlist/Wishlist.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: "Open Sans", sans-serif; 6 | } 7 | body, html{ 8 | height: 100%; 9 | width: 100%; 10 | } 11 | .master-product-detail-div{ 12 | height: 45vh; 13 | width: 100%; 14 | background-color:#fef5ef; 15 | display: flex; 16 | justify-content: center; 17 | align-items: center; 18 | 19 | } 20 | .product-detail-div{ 21 | height: 50%; 22 | width: 50%; 23 | } 24 | .product-detail-title-div h3{ 25 | display: flex; 26 | justify-content: center; 27 | font-size: 42px; 28 | margin-bottom: 12px; 29 | font-weight: 100; 30 | line-height: 1.2; 31 | color: #24262b; 32 | 33 | } 34 | .product-detail-text-div{ 35 | display: flex; 36 | justify-content: center; 37 | font-size: 14px; 38 | color: #000000; 39 | } 40 | .product-detail-text-div span{ 41 | color: #777777; 42 | } 43 | /* ....................................................................................................................... */ 44 | 45 | 46 | .master-table-div{ 47 | width: 84%; 48 | margin-left: 8%; 49 | margin-top: 100px; 50 | margin-bottom: 100px; 51 | } 52 | table{ 53 | width: 100%; 54 | height: 100%; 55 | border: 1px solid #ededed; 56 | border-bottom: 0px; 57 | border-right: 0px; 58 | border-top: 0px; 59 | } 60 | th{ 61 | display: flexs; 62 | border-right: 1px solid #ededed; 63 | height: 50px; 64 | } 65 | tr{ 66 | color: #24262b; 67 | font-size: 16px; 68 | font-weight: 600; 69 | padding: 10px; 70 | text-align: center; 71 | height: 115px; 72 | } 73 | td{ 74 | border-right: 1px solid #ededed; 75 | border-bottom: 1px solid #ededed; 76 | } 77 | .cart-button{ 78 | margin-left: 10px; 79 | margin-right: 10px; 80 | height: 40px; 81 | width: 140px; 82 | color: #FFFFFF; 83 | background-color: #24262b; 84 | font-size: 16px; 85 | border-radius: 4px; 86 | } 87 | 88 | /* ................................................................................................... */ 89 | 90 | -------------------------------------------------------------------------------- /frontend/src/components/Footer/Footer.css: -------------------------------------------------------------------------------- 1 | *{ 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | font-family: "Open Sans", sans-serif; 6 | } 7 | html, body{ 8 | height: 100%; 9 | width: 100%; 10 | } 11 | .master-footer{ 12 | height: 87vh; 13 | width: 100%; 14 | background-color: #24262B; 15 | } 16 | .details-div{ 17 | height: 54%; 18 | width: 100%; 19 | display: flex; 20 | justify-content: center; 21 | } 22 | .details{ 23 | margin-top: 5%; 24 | height: 70%; 25 | width: 80%; 26 | display: flex; 27 | } 28 | .details-inside{ 29 | width: 25%; 30 | height: 100%; 31 | } 32 | .details-inside h5{ 33 | color: #fff; 34 | font-weight: 700; 35 | font-size: 16px; 36 | position: relative; 37 | padding-bottom: 20px; 38 | margin-bottom: 23px; 39 | } 40 | .details-inside h5 div{ 41 | position: absolute; 42 | bottom: 0; 43 | color: #FFFFFF; 44 | width: 50px; 45 | height: 2px; 46 | background-color: #B19361; 47 | } 48 | .details-inside li{ 49 | font-size: 14px; 50 | color: #9B9B97; 51 | list-style-type: none; 52 | margin-bottom: 12px; 53 | line-height: 1.5; 54 | } 55 | .follow-subscribe{ 56 | color: #FFFFFF; 57 | margin-top: 4%; 58 | width: 100%; 59 | 60 | } 61 | .follow-subscribe-div{ 62 | display: flex; 63 | width: 80%; 64 | margin-left: 10%; 65 | } 66 | .follow{ 67 | width: 20%; 68 | margin-right: 30px; 69 | } 70 | .follow h5{ 71 | font-size: 18px; 72 | margin-bottom: 27px; 73 | } 74 | .follow p{ 75 | width: 600px; 76 | border-radius: 9px; 77 | } 78 | .follow-icon{ 79 | margin-right: 5px; 80 | padding: 10px; 81 | color: white; 82 | border: 1px solid transparent; 83 | border-radius: 50%; 84 | background-color: #2F3239; 85 | font-size: 14px; 86 | width: 22px; 87 | height: 22px; 88 | display: inline-flex; 89 | align-items: center; 90 | justify-content: center; 91 | } 92 | 93 | .subscribe{ 94 | width: 55%; 95 | } 96 | .subscribe h5{ 97 | font-size: 18px; 98 | margin-bottom: 27px; 99 | } 100 | .subscribe input{ 101 | background-color: #24262B; 102 | width: 70%; 103 | height: 48px; 104 | margin-right: -4px; 105 | border: 2px solid #9b9b97; 106 | border-bottom-left-radius: 5px; 107 | border-top-left-radius: 5px; 108 | padding: 10px 14px 10px 20px; 109 | font-size: 14px; 110 | color: rgba(255, 255, 255, .5); 111 | transition: all .5s ease; 112 | } 113 | .subscribe button{ 114 | width: 20%; 115 | background: #b19361; 116 | color: #fff; 117 | height: 48px; 118 | padding-left: 10px; 119 | padding-right: 10px; 120 | border-top-right-radius: 5px; 121 | border-bottom-right-radius: 5px; 122 | border-bottom-left-radius: 0px; 123 | border-top-left-radius: 0px; 124 | font-weight: 400; 125 | letter-spacing: .5px; 126 | transition: all .5s ease; 127 | overflow: visible; 128 | border: 2px solid #9b9b97; 129 | border-radius: 5px; 130 | } 131 | .copyright-visa{ 132 | width: 100%; 133 | } 134 | .copyright-visa-div{ 135 | width: 70%; 136 | margin-left: 10%; 137 | margin-top: 4%; 138 | display: flex; 139 | justify-content: space-between; 140 | } 141 | .copyright{ 142 | color: #777777; 143 | font-size: 14px; 144 | } 145 | .visa{ 146 | color: #777777; 147 | font-size: 16px; 148 | } -------------------------------------------------------------------------------- /frontend/src/pages/Wishlist/Wishlist.jsx: -------------------------------------------------------------------------------- 1 | import React, { useContext, useState } from 'react' 2 | import Navbar from '../../components/Navbar/Navbar' 3 | import Footer from '../../components/Footer/Footer' 4 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' 5 | import { faAngleRight, faTrash } from '@fortawesome/free-solid-svg-icons' 6 | import WishlistContext from '../../context/WishlistContext/WishlistContext' 7 | import './Wishlist.css' 8 | import CartContext from "../../context/CartContext.js" 9 | import { Link } from 'react-router-dom' 10 | 11 | const WishlistPage = () => { 12 | const { cart, setCart } = useContext(CartContext); 13 | const {wishlist} = useContext(WishlistContext) 14 | 15 | const scrollToTop = () => { 16 | window.scrollTo(0, 0) 17 | } 18 | 19 | 20 | const handleDelete = () => { 21 | } 22 | 23 | const addtocart = (id, price, title, description, imgURL) => { 24 | const obj = { 25 | id, price, title, description, imgURL 26 | } 27 | setCart([...cart, obj]); 28 | alert("Your product is added to the cart") 29 | } 30 | 31 | return ( 32 | <> 33 | 34 | 35 | {/* ............................................................................................................. */} 36 |
37 |
38 |
39 |

WISHLIST

40 |
41 |
42 |

Home Shop 43 | Wishlist

44 |
45 |
46 |
47 | {/* ......................................................................................................... */} 48 | 49 |
50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | {wishlist.map((item, index) => ( 63 | 64 | 65 | 66 | 67 | 68 | 69 | 73 | 74 | ))} 75 | 76 | 77 |
DeleteImageProductPriceStock StatusTotal
Not able to fetch{item.title}${item.price}In Stock 70 | 72 |
78 | 79 | 80 | 81 | 82 |
83 | 84 | 85 |