Skip to content

Skycatch/acopio-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

Contacto

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

Planeación

  • Asume autenticación manejada por equipo de Codeando

Otros:

  • Internacionalización
  • Auto-postulación de responsables de centro de acopio
  • 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
  • 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)