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 startDe 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)