This is a pretty simple test, in which you should be able to write a React app, using the provided screens as reference. You’ll need to make requests to an API to get some JSON content, filter the data and print it on view.
You can use any boilerplate/approach you prefer, but try to keep it simple. We encourage you to use your favourite tools and packages to build a solid React application.
-
Home page: search field and a list with the results;
Think about empty state, loading state and movie not found
-
Movie page: movie details page;
Think about loading state and movie not found
The purpose of this challenge is to evaluate your HTML, CSS, Javascript and React API skills and overall approach while composing a simple web app given a set of screens and an API feed. We will also assess the HTML, CSS, and JS output.
Send us your code in one of two ways.
- Send us a your public repository url;
- Send us an email with your code in a zip to: omer.demircan@markakod.com
- Write a good README with basic information (e.g.: how to start the project and how to build it);
- If you build a responsive app it's a big plus. We would love to see your design skills as well!
- Feel free to work and improve on the available designs. Think of them as guidelines.
- We did not make UI design, If you want, you can make own UI design project(using Sketch, Adobe,...) it's a big plus.
- There's a "like" button on the details page. It would be great if this information is persistent!
- Prefer to use a css methodology, such as BEM, ITCSS, etc;
- Asking questions is good. We will not penalize you for asking questions;
- The API server is sometimes slow, so think about loading and empty states throughout your application;
- We're looking for signs you understand concepts such as events, promises, and reactivity, and how those concepts are implemented in Javascript;
- The git history will be evaluated;
- Your code will be evaluated by: semantics, structure, legibility, size, elegance (among other factors);
We suggest using OMDb API, although you can use any other API you prefer
send us an email: omer.demircan@markakod.com
Break a leg!