Generation Take-Home Coding challenge

Historias de usuario

1. Ver un mapa de la CDMX - Historia completada con éxito
2. Mostrar las tiendas como marcadores en el mapa - Historia incompleta: Intenté agregar los marcadores a través de datos obtenidos del store_directory.json, sin embargo al momento de cargar la página ésta desaparece (sí es posible añadir marcadores que no provengan del .json, puse uno de forma manual como ejemplo). A pesar de intentar corregir el problema de varias maneras, no logré que se mostraran los marcadores.
3. Añadir una tienda al hacer clic sobre ella - Historia incompleta: No es posible completar esta historia sin tener lista la historia anterior.

Datos extras

1. Utilicé Reactstrap para generar algunos elementos como botones y listas y que los mismos fueran responsivos en la página principal.

====================================================================== This is a take-home coding challenge used to help evaluate candidates interested in joining the team at Generation. The goal is for candidates to complete the coding challenge before the in-person interview so that we can discuss the solution together. In cases where this is not possible, we may discuss the solution together over a followup phone call.

What should you expect?

We expect that the exercise will take anywhere from 2-5 hours to complete depending on your familiarity with React and with the GoogleMaps API.

We understand that this is a significant amount of time so we really appreciate the effort you put into it.

How should you submit your code?

Any way you want - email us a link to your personal repo, a link with the application running on a server, etc. Please include a couple screenshots of the app.

What if I don't know React?

Feel free to submit a solution that meets the requirements, but without using React. React is an important part of our stack and you'll be using it every day so it's important that you're excited to learn it! If you don't know React and you're able to learn the basics in order to complete the exercise, we'll be impressed :)

Here's a great React tutorial

This one is also great.

How do you start?

Clone the repo on your computer

Run

npm install
npm start
open http://localhost:3000

Read the intro and next steps on localhost:3000 Edit src/YourComponent.js.
Your changes will appear without reloading the browser like in this video.

What do we look for?

• Correctness: does the application do what was asked (e.g., all the user stories are complete)? If there is anything missing, does the README explain why it is missing?
• Code quality: is the code simple, easy to understand, and maintainable? Are there any code smells or other red flags? Is the coding style consistent with the language's guidelines? Is it consistent throughout the codebase?
• Testing: Are there some unit and some integration tests?
  • We're not looking for full coverage (given time constraint) but just trying to get a feel for your testing skills.
• UX: Is the web interface understandable and pleasing to use? Is it responsive to various screen sizes, and fast to load?
• Technical choices: do choices of libraries, databases, architecture etc. seem appropriate for the chosen application?