Skip to content

Instantly share code, notes, and snippets.

@JPWallhorn
Last active February 28, 2019 01:04
Show Gist options
  • Save JPWallhorn/de72ef3d1628c3ba00dda41e2635635d to your computer and use it in GitHub Desktop.
Save JPWallhorn/de72ef3d1628c3ba00dda41e2635635d to your computer and use it in GitHub Desktop.
FullStack Developer Coding Challenge

Syntx Engineering Team - Full Stack Developer (React/Node.JS)

Existing Code

If you already have a project on GitHub that was built purely by yourself (visible through commit history), you can skip this coding challenge and just share that repository with us. Either send us the public URL or invite us (Username: JPWallhorn).

Requirements

The coding challenge consists of building a weather app. The UI should be built with React and the API should be consumed through a Node.JS + Express micro-service. We’d love for a candidate to spend roughly 4 hours on this challenge:

  • User can input a city name or ZIP code to retrieve on-demand weather information
  • User will be able to see 7-day forecast once entered the city/zip code
  • User should be able to see a simple list that includes the temparature & weather condition per day (include icons)
  • Data should be consumed from the Metaweather API (https://www.metaweather.com/api/) and display relevant weather icons (https://erikflowers.github.io/weather-icons/)
  • To showcase the fullstack experience please leverage the Node.JS micro-service to consume the weather data & respond with the results to the web application. Additionally, please make sure that the routes require a token otherwise it should respond with 401 Not Authorized (The token can be static).
  • The web version should be mobile friendly and scale on various screen sizes
  • Unit tests would be great (at least partially)
  • A readme should be included with the following:
    • Description of the architecture
    • Description of any trade-offs made (Due to time constraints i.e.)
    • Description of how to run NodeJS server & Web UI

Design Spec

Feel free to come up with your designs or leverage a template.

FAQ:

Q: What's the goal/priority for this? A: We are looking to understand how the person works and how the project is structured. Design doesn't matter to us.

Q: How should this be distributed to the team? A: Please provide a link to a public repo or invite us to the private repo. GitHub Username: JPWallhorn and johntzan

Q: Are there any language or platform requirements? A: Yes, please React.JS for the web app & Node.JS + Express for the micro-service

Additional Questions?

Feel free to email jp@syntx.io for additional questions.

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