Skip to content

A challenge to test a full stack engineer's ability to implement a designed user experience.

Notifications You must be signed in to change notification settings

wndrfl/full-stack-developer-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation


Wonderful

The Wonderful Full Stack Developer Challenge

The purpose of this challenge is to test and measure a Full Stack engineer's ability to interpret and implement the functionality that supports a provided design. In this document, we will present you with a scenario that is intended to help showcase your engineering talents and spark creative thinking and problem solving. We will be watching both the journey and the final product.

Background

A private airplane broker would like to run a marketing campaign aimed at attracting pilots and building a community of flying enthusiasts. This campaign directs prospects to a landing page that allows them to upload a CSV containing their favorite airports. The CSV is then ingested, and transformed into a shareable public map, showcasing the user’s submitted airports according to their latitude and longitude.

The Design

The design is available at this URL: https://www.figma.com/file/hy7RREINVen0wRTmHwqP4o/Wonderful-Full-Stack-Engineer-Code-Challenge?node-id=0%3A53&t=LLmAkVFWnPVBZ32H-1

Expected Delivery

  • A URL to view your webpage
  • A reviewable copy of the codebase stored in a repo Wonderful will clone
  • The ability to chat through your process and decisions (after submission)

Requirements

  • Use the provided mocks and assets to create a single page application. You will need to lean on your judgement, as the mock is intentionally vague as to how to handle things like empty states, UI interactions, and the like.
  • Use provided CSV as an example of what a user might upload (it is okay to assume they will always match the format of the provided CSV).
  • Please use Google Maps to create a map that allows users to select markers which show simple tooltips (or infowindows) with information about each uploaded airport.
  • Use your best judgement as to how to implement a mobile breakpoint.
  • Users should be presented with a unique URL that they may share with others, so that others may see the airports that they uploaded.

The Rules

  • There is no time limit, but the client is eager to review your work. Balance scope, level of professionalism, and your schedule.
  • Use any resource or library that you think is best for the project. However, you must be able to justify and attribute any external resource.
  • You can ask as many questions you need to anybody at Wonderful. We have been working with this client for many years and can provide answers or feedback, or validate any assumptions.

You will be graded on:

  • Business Logic: The resilience, strategy, and organization of your business logic
  • JavaScript: Your attention to elegance, efficiency, and performance
  • HTML: Your understanding of best HTML practices
  • Creativity: Your creative intuition as to how to "fill in the gaps" that are missing within the design
  • Execution: Your development speed, compared to the quality of the delivered product
  • Organization: How easy it would be for another developer to hop into the project and work with you
  • Knowledge: Our understanding of the quality of your development process

✨ Thanks! Good luck!

About

A challenge to test a full stack engineer's ability to implement a designed user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published