kevinmm19 / pixabay

Carousel that displays images from Pixabay API. It has a search feature implemented using Vue, ES6+, SCSS and Jest.

Pixabay

Brief

Build a mobile-first carousel widget that cycles through six images via the prev and next buttons. These are styled differently depending on the viewport size.

To obtain the images please use a Pixabay account. Once they are available to the app load them into the carousel and enable the functionality for the buttons.

Feel free to use whatever tools seem most appropriate for managing styles.

Keep the carousel itself quite simple in terms of how it responds; it doesn't need to snap. Concentrate on the quality of the code.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Run your unit tests

npm run test:unit

Customize configuration

See Configuration Reference.

Tech Stack

• Vue & Vuex
• JavaScript ES6+
• SCSS
• HTML5
• Jest
• NPM

Build Version

0.0.1

About Me

Kevin Martínez Montero

Senior Front End Engineer