Got a ridiculous Full stack code challenge to be done in two days from a Dutch company (I said Nope) Bike share city finder
We ask you to create a bike share city finder application. We would like you to help us find bike sharing platforms around the globe. We found a great public API that is called citybik.es, which you can query following the documentation: http://api.citybik.es/v2/ For a working example you can take a look here: https://citybik.es/ But we can do this a bit better with some more relevant information. We would like to know if we need to be prepared for any rain. We have chosen the following weather API to be used, OpenWeather where you can subscribe to the free Hourly Forecast 4 day API: https://openweathermap.org/api In the attachments you will find the two specified screens that we would like you to build.
You are going to build the following pages:
- Intelligent search input box showing suggestions of the queryable names.
This page will show the user a loader until the data is ready,
whereafter a page is shown with a search box, a 4 day hourly
forecast and the map.
The weather forecast should:
- Show the forecast for the coming 4 days
- Every day it should show the average temperature for: a) Morning (6am – 12am) b) Afternoon (1pm – 6pm) c) Evening (7pm – 12pm) d) Night (1am – 5am)
- Show a relevant icon based on the weather forecast, in the design these are represented by grey circles.
-The map should: 1) Show all stations for that city of all vendors 2) Show indicators: a) Green = bikes available b) Red = no bikes available 3) Show the relevant station information being: a) the station name (hint: check the naming format) b) when the last update was published, represented in human-readable format, for example: 30 minutes ago/ 2 hours ago/ 3 days ago. c) number of bikes available d) the total number of bikes available
To scope the project we would like to have all queries of the 3rd party API’s handled within a middleware. All data mutations should happen in this middleware. The front end application should only consume the data. The middleware should be written in Node.js and should make use of serverless express. The front end should be built with React, TypeScript and may make use of a component library like Material-UI. A small note all icons used in the designs are from the Material-UI library. We expect to see reusable components and code that is scalable and maintainable. Lastly we would like to see two unit tests. You would get exactly two days. Any commits after that will be ignored.