Code Monkey home page Code Monkey logo

vue-challenge's Introduction

Bigbox's Frontend Challenge 2021

Welcome to the Bigbox's Frontend Challenge 2021. Thank you for participating and good luck !


Challenge

You will need to develop a frontend application for the Books API provided by the NYTimes.

The app should consume the following API: https://developer.nytimes.com/docs/books-product/1/overview

To complete the assignment, you must provide the following functions:

  1. Save the first 10 results given by the /lists/names.json endpoint.
    • As soon as the app is rendered, it should consume the endpoint to obtain the first 10 categories given by the endpoint. We are going to use this list to later search or filter book titles.
  2. Provide a selection of categories.
    • Before the user can search for a specific book, the user should select from the list of categories obtained in 1.
  3. Provide a search bar.
    • Once the category is selected, a search bar should be enabled for the user to look up for a book by its title. Once the user presses Enter, it should query the search using the API.
  4. Show the search results.
    • After the search query to the API, show the title, description and author of every results, if any.
  5. Link to a Google Search for every result.

Notes:

You can use the following API key:

api-key wMrIxYjKdpTQq76wy7ngPAG1OD0VJy8j
or you can get your own by register a free account at https://developer.nytimes.com/accounts/create

Project setup

Install dependencies

yarn install

Compiles and hot-reloads for development

yarn run serve

Lints and fixes files

yarn run lint

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.