Acopio UI

Collection Center Management UI for Mexico earthquake response Sitio de información sobre centros de Acopio en respuesta al sismo en Mexico

Features

• La UI se alimenta de la API acopio-api
• Está diseñada principalmente para:
  • Personas que buscan ayuda / centro de acopio a cual acudir por víveres
  • Personas que desean ayudar en dichos centros donando productos
  • Responsables de los centros de acopio para dar de alta lugares, y marcar necesidades

Planeación

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

v2

• Botón de auto-localización en el mapa
• Caja de búsqueda para localizar productos. Te muestra los centros de acopio ordenados por cercanía que necesitan este producto

v3

• Herramienta para encargados de centro de acopio, para:
  • dar de alta lugares
  • agregar productos / marcar como que ya no se necesitan
• Asume autenticación manejada por equipo de Codeando

Otros:

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

Running the project

npm start #run the app locally

npm test #currently not working

npm build #must be done before deployment

This application is built with the following stack:

• React

• Mapbox GL

• react-mapbox-gl

• Axios http library

• create-react-app CLI (Please read the documentation here if you run into any issues in development or testing as this was used to scaffold the app)

• Jest testing framework

Guidelines:

• The app must be mobile friendly at all times.
• Per Codeando's design standards, the application uses the following fonts (included via Google Fonts):
  • Roboto Mono for titles (weights: 400)
  • Roboto for everything else (weights: 400, 700)