/frontend-test

Primary LanguageJavaScript

Frontend Challenge

Develop a responsive application that fetches live data on books and users as per the screenshots below.

Designs

Desktop

desktop

Mobile

mobile

Assets

  • Icons: /src/images
  • Backgrounds: /public/images

Api Endpoints

  • List of users: https://jsonplaceholder.typicode.com/users
  • List of books: https://www.googleapis.com/books/v1/volumes?q=flowers

Hints and tips

Here are some ideas to take strongly into consideration

  • Develop the website with the best responsive techniques. Will you be coding for mobile or desktop first?
  • What is the cleanest way to style your app?
  • Make your app accessible to all users and devices
  • Use the latest ECMAScript techniques
  • Make sure your users know tha app is awaiting live data
  • Make your coding clean for your fellow developers
  • Show your preference between Typescript or Javascript
  • Have you 'tested' your code?
  • Optimise your website for speed. Mobile users may not have a fast connection

Submitting your test

  • Fork a GitHub repository.
  • Clone the forked repository to your local system.
  • Add a Git remote for the original repository.
  • Create a feature branch in which to place your changes.
  • Make your changes to the new branch.
  • Commit the changes to the branch.
  • Push the branch to GitHub.
  • Open a pull request from the new branch to the original repo.