Git Product home page Git Product logo

acopio-ui's Introduction

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

  • 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
  • Asume autenticación manejada por equipo de Codeando

Otros:

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

acopio-ui's People

Contributors

chubas avatar diegovdc avatar eduaglz avatar hecerinc avatar hrocha16 avatar huhgawz avatar ikana avatar jeduan avatar ldelriof avatar marioacc avatar oscaroceguera avatar pamuz avatar pedrogk avatar rickycheers avatar ryanhamley avatar sbaidon avatar tuxtitlan avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.