ctiry01 / brickbro Goto Github PK

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Introducción Bienvenid@ al Brickbro Frontend Test. En esta prueba técnica vas a tener que crear una pequeña aplicación utilizando las tecnologías que usamos en Brickbro.

En esta prueba técnica te sugerimos que utilices las tecnologías que usamos en nuestro día a día:

• HTML
• CSS o SCSS
• Next.js
• TypeScript Si quieres utilizar otras tecnologías extras o añadir funcionalidades para mejorar la aplicación también está bien. Aplicación En esta prueba técnica tienes que crear una pequeña aplicación que geolocalice una dirección y la sitúe en un mapa. Para localizar el punto se le preguntará al usuario una dirección y utilizando Google Maps API se mostrará un mapa con la dirección buscada. Estos son los requerimientos:
• Al iniciar la aplicación se mostrará un campo de texto con un botón para enviar.
• Al introducir una dirección y darle al botón navegará a otra página donde aparecerá el punto geolocalizado en el mapa.
• En esta página de mapa se puede volver a buscar otra localización.
• Debajo del mapa tiene que haber un listado de las búsquedas realizadas en esa sesión.

Vas a tener que consumir la API de Google Maps. Te adjuntamos la dirección a la documentación: https://developers.google.com/maps/documentation/javascript Vas a necesitar una API key para ejecutar las peticiones.

Normas

• Recomendamos que utilices las tecnologías que hemos sugerido en la sección de Tecnología. Si quieres utilizar otra tecnología como React JS, Angular JS o Vue JS porque no conoces Next.js puedes hacerlo, pero ten en cuenta que no lo utilizamos en nuestro día a día.
• Ten en cuenta otros aspectos de la aplicación, no solo la funcionalidad. Otros aspectos a tener en cuenta son la accesibilidad, el rendimiento, la usabilidad, la mantenibilidad y la escalabilidad.
• Para entregar el proyecto crea un repositorio público de GitHub y subelo ahí.
• Sigue el mockup tanto como puedas.