https://github.com/deskbookers/frontend-expert-test

https://github.com/deskbookers/frontend-expert-test

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/deskbookers/frontend-expert-test
• Owner: deskbookers
• Archived: true
• Created: 2015-10-07T06:59:24.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2018-03-28T20:10:58.000Z (over 6 years ago)
• Last Synced: 2024-08-03T20:02:59.369Z (5 months ago)
• Language: HTML
• Homepage:
• Size: 4.88 KB
• Stars: 1
• Watchers: 2
• Forks: 16
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-recruitment-tests - DeskBookers - Another front-end developer test for experts. (React.js)

README

        
# Deskbookers Front-end Developer Expert Test

Hi Front-ender!

To further test your skills we like you to make a few assignments. We hope you like making them and ofcourse do them well ;)

To complete these assignments you need to fork this repo. When you're done you can push your changes to your own repo (and let us know where to find it ofcourse).

It is possible that these assignments don't work directly from your local hard drive in some browsers. In that case you can use your own web server (if you have one) or use XAMP (https://www.apachefriends.org/index.html) to install your own.

## Assignment 1: Show Search Results

In this assignment you need to make an Ajax request and show the results on a web page. What you will be showing are search results of our search page. Because of limited time you will only show the results. You don't have to make the search form or filters.

The data for the search results can be found as JSON from the URL: `https://www.deskbookers.com/nl-nl/explore/ajax.json?q=&bounds=|||`. Both text and bounds are optional arguments.

For this assignment you need to make a page containing the following elements:

* A map (Google Maps for example) showing the items from the result

* A list showing the items from the result with at least the following data visible:

  * The name of the space

  * The name of the venue (location)

  * The city where the space is located

  * Extra data you think is usefull to show aswell

It is up to you to decide which frameworks you want to use (or not). You could think of frameworks like ReactJS, Angular, etc. It is up to you.

As inspiration you can use this page: https://www.deskbookers.com/nl-nl/explore?q=amsterdam

Your version doesn't need to be as extensive as this example.

Make sure the code is clean and robust. This is more important than the amount of features!