Credit
Shopmate(UI/UX)
Vist the hosted solution @ https://shopmate-uiux.herokuapp.com/
Available Pages
goto /home or / to view the catalogue page
goto /view-item to view the item page
click on the cart icon on the navbar to view the shoppingcart page
Available Scripts
In the project directory, you can run:
npm install
Installs app dependencies
npm start
Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.
Screenshots
View Cart page
View Item page
Catalogue page
The project folder/directory structure
.
├── Makefile
├── Procfile
├── README.md
├── common
│ ├── css
│ │ ├── card.css
│ │ ├── card.md.css
│ │ ├── card.sm.css
│ │ ├── checkbox-label.css
│ │ ├── horizontal-spacing.css
│ │ ├── hotzone.css
│ │ ├── hotzone.md.css
│ │ ├── index.css
│ │ ├── modal.css
│ │ ├── nouislider.min.css
│ │ ├── panel-section.css
│ │ ├── price-currency.css
│ │ ├── radio-button.css
│ │ ├── radio-label.css
│ │ ├── round-button.css
│ │ ├── select-quantity.css
│ │ └── square-button.css
│ ├── images
│ │ ├── Images-modal4.png
│ │ ├── gbr.png
│ │ ├── images-shoe2.png
│ │ ├── shirt1.png
│ │ ├── shirt2.png
│ │ ├── shirt3.png
│ │ ├── shirt4.png
│ │ ├── shirt5.png
│ │ └── shirt6.png
│ └── js
│ ├── animate.js
│ ├── controller.js
│ ├── index.js
│ ├── loader.js
│ ├── nouislider.min.js
│ ├── template.js
│ └── utils.js
├── index.html
├── note.txt
├── package-lock.json
├── package.json
├── pages
│ ├── home
│ │ ├── css
│ │ │ ├── catalogue.css
│ │ │ ├── catalogue.md.css
│ │ │ ├── catalogue.sm.css
│ │ │ ├── featured.css
│ │ │ ├── nav-section.css
│ │ │ ├── newsletter.css
│ │ │ ├── newsletter.md.css
│ │ │ ├── sidebar.css
│ │ │ ├── sidebar.sm.css
│ │ │ └── ui-slider.css
│ │ ├── index.html
│ │ ├── index.js
│ │ └── partials
│ │ ├── brand-section.html
│ │ ├── card-list.html
│ │ ├── color-section.html
│ │ ├── featured.html
│ │ ├── hotzone.html
│ │ ├── nav-section.html
│ │ ├── newsletter.html
│ │ ├── price-range.html
│ │ ├── sidebar.html
│ │ └── size-section.html
│ └── view-item
│ ├── css
│ │ ├── index.css
│ │ ├── index.md.css
│ │ ├── review.css
│ │ └── review.sm.css
│ ├── index.html
│ ├── index.js
│ └── partials
│ ├── add-review.html
│ ├── item-data.html
│ ├── item-info.html
│ ├── item-photo.html
│ ├── preference.html
│ ├── review.html
│ └── view-review.html
├── partials
│ ├── footer
│ │ ├── index.css
│ │ ├── index.html
│ │ ├── index.js
│ │ └── index.md.css
│ ├── header
│ │ ├── index.css
│ │ ├── index.html
│ │ ├── index.js
│ │ ├── index.md.css
│ │ ├── index.sm.css
│ │ ├── navbar-dark
│ │ │ └── index.html
│ │ └── navbar-light
│ │ └── index.html
│ └── view-cart
│ ├── cart-item.html
│ ├── css
│ │ ├── index.css
│ │ ├── index.md.css
│ │ └── index.sm.css
│ ├── index.html
│ └── index.js
└── server.js
18 directories, 94 files