Front End Developer, Client Solutions - Hiring Challenge

Movable Ink is a software company that provides marketers with technology to create personalized experiences. This often means we are reaching out to different API's, applying business logic to the data, and generating an image in real-time.

In this code challenge, you will be in charge of creating a view that renders the forecast for a specific location. Please, use plain HTML, CSS, and JS.

Don't spend more than two hours on this. The goal of this challenge is to get a sense for how you reason about a problem and structure your code not if you can finish it.

Challenge details

Requirements for the challenge:

Create a project that consume the geolocation endpoint.
Use the data from the geolocation endpoint to make a second call to the forecast endpoint.
Use the data from both endpoints to generate the creative found here.
Your code should be as maintainable and extensible as possible.
Please timebox this exercise to 2 hours.

Get Started

Run npm run start to start your local dev environment
Run npm run pack to package your code and send to us

Geolocation endpoint

https://se-weather-api.herokuapp.com/api/v1/geo

This is the endpoint for retrieving the geo data associated with a given zip code. This endpoint should be called with GET and accepts a single query string parameter (zip_code).

Example:

https://se-weather-api.herokuapp.com/api/v1/geo?zip_code=90210
https://se-weather-api.herokuapp.com/api/v1/geo?zip_code=10019

Forecast endpoint

https://se-weather-api.herokuapp.com/api/v1/forecast

This is the endpoint for retrieving the weather forecast data associated with at a lat/lon. This endpoint should be called with GET and accepts three query string parameters (latitude, longitude, date).