GasFinder es una aplicación que permite ubicar estaciones de servicios (Primax, Pecsa, etc) en base al distrito ingresado en su buscador.
La aplicación consta de 2 pantallas:
-
La primera pantalla permite realizar la búsqueda de las estaciones de servicio en tiempo real. El sistema debe
-
La segunda pantalla muestra el detalle de la estación de servicio, debe mostrar un mapa y el detalle de la estación.
La aplicación está diseñada exclusivamente para celulares modernos por lo que se espera un diseño responsive entre 400px a 1024px, todo el contenido debe ajustarse a estas dimensiones.
Ver más detalle de la especificación funcional en el siguiente enlace
- Construir la pantalla que permita hacer la búsqueda en tiempo real
- Construir la pantalla que muestre el detalle de la estación
- Hacer que se vea bien en las diferentes vistas
La principal característica de la aplicación es el uso del patrón de composición de componentes. Los componentes son entidades independientes que retornan elementos jquery los cuales se adjunta al dom para mostrarse.
Además la aplicación maneja un estado compartido (único lugar donde vamos a guardar información que se compartirá entre los distintos componentes).
Además la aplicación tiene algunas funciones extra para cargar la data de la aplicación.
Se está incluyendo las siguientes librerias:
- gmaps (https://hpneo.github.io/gmaps/)
- font awesome (http://fontawesome.io/)
- jquery (https://jquery.com/)
- Clonar el repositorio hacia tu cuenta personal para empezar con las modificaciones.
- Crea el componente search
- Crea el componente stationDetails
- Crea el componente gmap