Skip to content

Instantly share code, notes, and snippets.

@huvber
Last active February 12, 2021 14:40
Show Gist options
  • Save huvber/2c130eacc44b9cfbb2be685ed014e771 to your computer and use it in GitHub Desktop.
Save huvber/2c130eacc44b9cfbb2be685ed014e771 to your computer and use it in GitHub Desktop.
Lodgify - Frontend Technical Test

Lodgify - Frontend Technical Test

Hi there!

We would like to give you the opportunity to show to us your technical skills. Below you'll find a general outline of the test and the resources needed.

Feel free to create the small project as you wish, as long as React is used as the main frontend library.

Preferably, please provide your result as a link to a git repository (private) and add us as collaborator ( @huvber @kluczynskib ). If not, you may send us an archive or a link to some resource.

Below are the three main rules you must follow, everything else is completely up to you!

  1. Let it run. We like code that works and shows us amazing clickable ui.
  2. Tell us about. Please provide a README.md file that explain us how to use your amazing code.
  3. Keep it Simple. This is just a test. Don't provide us a full platform with thousand of features. You will have time to do that with us.

You're probably still asking yourself, "But what exactly do I have to do?". Here's your answer:

We would like you to list the houses of our customer using a grid of cards.

Here you can find the design of the cards with the different use cases.

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fcr6kbAyzPhCewIhBXx1CtN%2FHouse-Card-Design-Test%3Fnode-id%3D0%253A1

Here, find the data that you can fetch:

https://gist.githubusercontent.com/huvber/b51c0279d3f452513a7c1f576a54f4d7/raw/4497a12b181713c6856303a666d240f7d561e4fe/mock-house

The data will be an array of object, like the one below:

[
	{
		"id": "6489887061",
		"name": "Roxbury",
		"image": "https://picsum.photos/1614/807",
		"bookable": true,
		"booked":7
	}
]
  • id : the id of the house
  • name : the name of the house
  • image : the image of the house
  • bookable : if it's available or unavailable
  • booked : 0 means that can be booked (button) or shows how many days is booked

That's it. Enjoy 😉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment