A brief set of exercises to demonstrate your experience and capabilities as a Frontend developer.
Product Listing using Vue.js and Tailwind.css
npm install
npm run serve
npm run build
npm run lint
A basic product listing page based on the wireframe found in /wireframe.png using the assets provided in the /assets folder.
All data operations (loading, sorting, filtering) done using JavaScript.
Build tool: npm
- Load the product list from
/assets/json.products.json - Display a grid of product images (found in
/assets/products) - Allow users to sort product list
- Allow users to filter product list
- Clicking through to a single product page
- Adding products to a basket
- Further styling