Acopio UI

Interfaz Gráfica para la adminstración de Centros de Acopio en respuesta a los sismos ocurridos en México en Septiembre 17, 2017 y Septiembre 19, 2017.

Collection Center Management UI in response to the earthquakes occurred in México in September 17, 2017 and September 19, 2017.

Características

• La interfaz gráfica se alimenta de la acopio-api
• Ha sido diseñada principalmente para:
  • Personas que desean acudir a centros de acopio para obtener víveres y/o productos
  • Personas que desean acudir a centros de acopio para donar víveres y/o productos
  • Responsables de centros de acopio que desean dar de alta lugares, publicar necesidades, etc.

Quiero ayudar

¡Gracias! Algunas ideas:

• Checa el canal de Slack (#sismomx-acopio-ui)
• Revisa las etiquetas de primera contribución
• !Mejora la documentación!

Contacto

• Slack: #sismomx-acopio-ui
  • Preguntas generales: @pedrogk
  • Código: @chubas o @jeduan
  • Diseño: @clasig o @mar

Planeación

v3

• Asume autenticación manejada por equipo de Codeando

Otros:

• Internacionalización
• Auto-postulación de responsables de centro de acopio

v2

• Botón de auto-localización en el mapa
• UI de Lista que muestre los centros de acopio featured
• Usa centros de acopio más cercanos
• Caja de búsqueda para localizar productos. Te muestra los centros de acopio ordenados por cercanía que necesitan este producto
• Herramienta para encargados de centro de acopio, para:
  • Dar de alta lugares
  • Agregar productos / marcar como que ya no se necesitan

v1

• Sólo lectura
• Muestra los puntos en el mapa con los centros de acopio
• Click en el centro abre un card view con la lista de productos necesitados, y la información de contacto del centro / responsable
• Solo español

Como ejecutar esta aplicación localmente?

Esta aplicación ha sido creada con React y Mapbox GL, utilizando create-react-app CLI. Esta aplicación ha sido planeada para ser mobile friendly todo el tiempo.

Para ejecutar esta aplicación localmente:

$ npm install
$ npm start

De acuerdo a los estándares de diseño de Codeando México, la aplicación debe utilizar las siguientes fuentes:

• Roboto Mono para títulos (weights: 400)
• Roboto para todo lo demas (weights: 400, 700)