├── public ├── robots.txt ├── favicon.ico ├── logo192.png ├── logo512.png ├── manifest.json └── index.html ├── src ├── nillkin-case.jpg ├── nillkin-case-1.jpg ├── nillkin-case.webp ├── landing │ ├── banner-0.jpg │ ├── banner-0.png │ ├── banner-1.jpg │ ├── banner-2.jpg │ ├── FeatureProduct.js │ ├── Banner.js │ └── Landing.js ├── template │ ├── Content.js │ ├── ScrollToTopOnMount.js │ ├── Footer.js │ ├── Template.js │ └── Header.js ├── bootstrap-custom.scss ├── App.js ├── index.js ├── products │ ├── detail │ │ ├── RelatedProduct.js │ │ └── ProductDetail.js │ ├── Product.js │ ├── ProductH.js │ └── ProductList.js ├── index.css └── bootstrap-custom.css.map ├── README.md ├── .gitignore ├── LICENSE └── package.json /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/public/favicon.ico -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/public/logo512.png -------------------------------------------------------------------------------- /src/nillkin-case.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/src/nillkin-case.jpg -------------------------------------------------------------------------------- /src/nillkin-case-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/src/nillkin-case-1.jpg -------------------------------------------------------------------------------- /src/nillkin-case.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/src/nillkin-case.webp -------------------------------------------------------------------------------- /src/landing/banner-0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/src/landing/banner-0.jpg -------------------------------------------------------------------------------- /src/landing/banner-0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/src/landing/banner-0.png -------------------------------------------------------------------------------- /src/landing/banner-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/src/landing/banner-1.jpg -------------------------------------------------------------------------------- /src/landing/banner-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/react-ecommerce-template/main/src/landing/banner-2.jpg -------------------------------------------------------------------------------- /src/template/Content.js: -------------------------------------------------------------------------------- 1 | function Content(props) { 2 | return ( 3 |
4 | {props.children} 5 |
6 | ); 7 | } 8 | 9 | export default Content; 10 | -------------------------------------------------------------------------------- /src/bootstrap-custom.scss: -------------------------------------------------------------------------------- 1 | $primary: #212529; 2 | $secondary: #0d6efd; 3 | //$border-color: rgba(255,255,255,.15); 4 | 5 | $navbar-light-color: rgba(0,0,0, .4); 6 | 7 | @import "../node_modules/bootstrap/scss/bootstrap"; -------------------------------------------------------------------------------- /src/template/ScrollToTopOnMount.js: -------------------------------------------------------------------------------- 1 | import { useEffect } from "react"; 2 | 3 | function ScrollToTopOnMount() { 4 | useEffect(() => { 5 | window.scrollTo(0, 0); 6 | }, []); 7 | 8 | return null; 9 | } 10 | 11 | export default ScrollToTopOnMount; 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-ecommerce-template 2 | Bootstrap e-commerce template in written React JS. [Live Preview](http://phyohtetarkar.github.io/react-ecommerce-template/) 3 | 4 | See better version of this with nextjs => [Mocha Mart Repo](https://github.com/phyohtetarkar/mocha-mart) 5 | -------------------------------------------------------------------------------- /src/template/Footer.js: -------------------------------------------------------------------------------- 1 | function Footer() { 2 | return ( 3 | 8 | ); 9 | } 10 | 11 | export default Footer; 12 | -------------------------------------------------------------------------------- /src/template/Template.js: -------------------------------------------------------------------------------- 1 | import Header from "./Header"; 2 | import Content from "./Content"; 3 | import Footer from "./Footer"; 4 | 5 | function Template(props) { 6 | return ( 7 | <> 8 |
9 | {props.children} 10 |