Demo flota de vehículos

Necesitamos presentar una demo de UNA pantalla a un cliente, para un posible proyecto futuro. El proyecto se trata de una flota de vehiculos geolocalizados a través de tecnología satelital. Lo que requerimos es una pequeñisima app web que podamos correr en un entorno local para mostrarle al cliente el lunes "cómo quedaría" que conste de lo siguiente:

- Un campo de escritura cuyo label sea "Patente del vehículo"
- Un mapa de Google Maps debajo
- Un pequeño recuadro al lado del mapa con información sobre el vehículo (Marca, Modelo, y Color)

Funcionamiento:
- Al ingresar la patente del vehiculo, y dar click en aceptar, el sistema "simula" mediante una animación que está consultando la posición del vehiculo al sistema, duración configurable.
Terminada la animación ocurre lo siguiente:
- Se muestra información "Random" sobre el vehiculo (Marca, Modelo, Color)
- Se muestra un punto en el mapa rodeado de un circulo rondeando el punto indicando la precisión de la posición  (se adjunta una imagen mostrando como quedaría este punto). Este punto se selecciona de un array preseteado de ubicaciones dentro de ciudades de Argentina, con 10 ubicaciones está bien. Lo importante es que tanto este conjunto de puntos como el radio de precisión (en metros) sean configurable.



Sobre lo técnico:
- Es un prototipo no evolutivo, no hace falta plantear ninguna arquitectura que permita escalar esto. Una vez mostrado al cliente, deja de tener utilidad, salvo para otras presentaciones similares. Sí es esperable que se haga con buenas prácticas de programación, sobre todo pensando en ser considerado para proyectos a futuro de mayor complejidad.

- Puedo usar una plantilla? Sí, podes usar un template para construir mas rapido la pagina y los elementos visuales, la idea es que sea agradable visualmente y usar una plantilla ayuda a hacerlo rapido.
- Debe haber un archivo config.json donde podamos configurar: Los puntos "random" de ubicación de los vehiculos (que ya venga con 10 puntos dentro de ciudades argentinas), el radio de precisión en metros, el tiempo de la animación en milisegundos, y lo que son marcas, modelos y colores, que son arrays simplemente donde en cada caso se va a seleccionar uno al azar.
- Que una vez hecho el npm run build o el comando de npm que se indique para construir el proyecto, se tenga un html + js minificado con la pantalla lista para correr en un navegador.

- Se debe entregar el codigo fuente completo (no solo html + js compilado)

Pequeño proyecto ideal para un trainee/jr, usando un template calculamos que el desarrollo implica unas pocas horas. La presentación vamos a hacerla lunes a la mañana de Argentina y la idea es poner este demo dentro de la presentación, con lo cual una entrega después de domingo a última hora ya invalida el proyecto. Presentar propuesta solo si se tiene el tiempo y el conocimiento disponible para cumplir con el requerimiento en el plazo estipulado.


Saludos!