Product Listing Page

You can run the project locally by typing

$ yarn install
$ yarn serve

or access the live demo.

A proof of concept of a PDP (Product Listing Page) for an e-commerce website using basic filters and sorting.

The results can be sorted by Rating, Name (ascending and descending) and Price (also ascending and descending) and filtered by Brand, Size and Type.

This project was made using mock data, so the filtering and sorting are using those data instead of making a new request. That's why also there's no pagination so far.

Clone the repository

$ git clone git@github.com:gerisztein/plp-poc.git

Install all the dependencies

$ yarn install

Serve

$ yarn serve

Access the URL provided in the terminal, usually it is: http://localhost:8080

• Vue - Javascript framework
• Vue Router - Router
• Vuex - State management tool
• Pug - Template engine
• Stylus - CSS Preprocessor
• TravisCI - Continuous integration
• Yarn - Package manager
• Husky and Commitlint - Git hooks and commit linter

MIT License