Code Monkey home page Code Monkey logo

reciclando-mobile's Introduction

Welcome to Reciclando app

To run the project you need run the following commands:

  1. react-native run-android

Then open another console on the directory project and run:

  1. npm start

Deploy

  1. To make a deploy you need to create a .env file on Android directory with dotenv and then add the credentials for fabric:

require 'dotenv/load'
CRASHLYTICS_API_TOKEN=
CRASHLYTICS_BUILD_SECRET=

  1. Then run the command:

cd android && bundle exec fastlane beta

Folder sturcture

This template follows a very simple project structure:

  • src: This folder is the main container of all the code inside your application.
    • actions: This folder contains all actions that can be dispatched to redux.
    • assets: Asset folder to store all images, vectors, etc.
    • components: Folder that contains all your application components.
      • Common: Folder to store any common component that you use through your app (such as a generic button, textfields, etc).
      • MyComponent: Each component should be stored inside it's own folder, and inside it a file for its code and a separate one for the styles. Then, the index.js is only used to export the final component that will be used on the app.
        • MyComponent.js
        • styles.js
        • index.js
    • helpers: Folder to store any kind of helper that you have.
    • reducers: This folder should have all your reducers, and expose the combined result using its index.js
    • selectors: Folder to store your selectors for each reducer.
    • controllers: Folder to store all your network and storage logic (you should have one controller per resource).
    • App.js: Main component that starts your whole app.
  • index.js: Entry point of your application as per React-Native standards.

reciclando-mobile's People

Contributors

frabago avatar joaguirrem avatar dsusviela avatar andresk727 avatar chebi97 avatar ampeigonet avatar anitanigma avatar alexisartus96 avatar

Watchers

James Cloos avatar  avatar

Forkers

murtun

reciclando-mobile's Issues

[2] Componente bolsón tablet

Se debe crear un componente bolsón. Dependiendo del estado del bolsón (pesado o sin pesar) se debe ver como a continuación.

pasted image 0 2

[2] Cerrar Sesión

Se debe agregar la funcionalidad a la opción “Cerrar Sesión” del header. Luego de presionar el botón de perfil se da la opción de desloguear. Al presionar Cerrar Sesión, el usuario actual queda deslogueado del sistema y se pasa a la pantalla de seleccionar usuario.

[2] Listar fardos funcional

Se debe consumir un servicio del backend a modo de listar los fardos por determinado tipo y por fecha. Se muestra utilizando el componente de listado.

[2] Listar bolsones

En la pantalla principal del pesador se debe desplegar una lista de bolsones. Dicha lista debe ser creada con el componente “bolsón” ya implementado.

  • Listar bolson para tablet

  • Listar bolson para celular

[3] Listar bolsones pesador funcional

Se debe consumir un servicio del backend a modo de listar los bolsones pesados y sin pesar se muestra utilizando el componente de listado.

-Refresh

[3] Crear fardo funcional

Al presionar sobre el botón confirmar en el modal de crear fardo se debe enviar el dato “tipo” y el “peso” a través de un servicio de backend.

[3] Evento crear fardo

Agregar evento al botón “Crear fardo” . Al presionar el botón “Crear fardo”, se debe mostrar como pop up el modal de crear fardo. Se permite seleccionar el tipo y agregar el peso. A continuación, se debe confirmar o cancelar.

[2] Evento pesar bolsón

Se debe agregar la funcionalidad al botón “Pesar” en un bolsón no pesado. Se debe mostrar como pop up el modal de pesaje. Se permite poner su peso. A continuación, se debe confirmar o cancelar.

[5] Modificar estado contenedor

Se debe crear un modal con el siguiente diseño. Para modificar estado, deberá desplegar un dropdown con las opciones “en funcionamiento”, “dañado”, o “removido” y ademas utilizar el servicio de backend provisto

pasted image 0 14

[3] Crear ventana principal Recolector

Se debe crear la ventana principal del recolector. La misma debe mostrar fecha y hora actual y disponer del botón de comenzar recorrida (solo diseño).

pasted image 0 12

image

Listar bolsones

En la pantalla principal del pesador se debe desplegar una lista de bolsones. Dicha lista debe ser creada con el componente “bolsón” ya implementado.

[3] Componente Modal modificar id de bolsón

Se debe crear un modal para la modificación de id de un bolsón. Luego de mostrar el modal para modificar el id se ingresa el id y al momento de seleccionar el botón aceptar se edita el id al bolsón en la base de datos.

pasted image 0 5

[2] Cambiar de rol.

Se debe agregar la funcionalidad a la opción “cambiar rol” del header. Luego de presionar el botón de perfil se da la opción de cambiar el rol. A continuación, se regresa a el menú con las diferentes opciones (roles)

DUP - [2] Agregar peso bolsón funcional.

Al presionar sobre el botón confirmar en el modal de agregar peso bolsón se debe enviar el dato “id bolsón” y el “peso” a través de un servicio de backend.

[3] Agregar edit componente

Se debe agregar la funcionalidad al icono para editar id (ver imagen adjunta). Se muestra como pop up el modal de modificación de id y al presionar aceptar volver a la pantalla anterior.

pasted image 0 7

DUP - [2] Modificar peso bolsón funcional.

Al presionar sobre el botón confirmar en el modal de modificar peso bolsón se debe enviar el dato “id bolsón” y el “peso” a través de un servicio de backend.

[2] Listar fardos

En la pantalla principal del enfardador se debe desplegar una lista de fardos. Dicha lista debe ser creada con el componente “fardo” ya implementado.

image

image

[3] Crear header historial

Se debe crear un header como se muestra a continuación. Al hacer click sobre fecha inicio y fecha fin se debe desplegar un calendar.

pasted image 0 16

[3] Evento modificar fardo

Se debe agregar la funcionalidad al botón “Modificar fardo”. Se debe mostrar como pop up el modal de modificación de fardo. Se permite modificar peso y tipo. A continuación, se debe confirmar o cancelar.

[5] Componente fardo.

Se debe crear un componente fardo.

pasted image 0 8

image

  • Componente fardo para celular

  • Componente para tablet

[3] Modificar fardo funcional

Al presionar sobre el botón confirmar en el modal de modificar fardo se debe enviar el dato “id fardo”, “tipo” y “peso” a través de un servicio de backend.

[3] Listar recorridos

En la pantalla principal del historial de recorrido se debe desplegar una lista de los recorridos. Dicha lista debe ser creada con el componente “recorrido” ya implementado.

[5] Selección de usuario funcional

Se debe utilizar el servicio de backend de listar usuarios para cargarlos en el dropdown “Usuarios”. Al presionar “Entrar” se pasa a la pantalla de selección de rol. Además se debe guardar el usuario seleccionado en un estado.

[2] Modificar id bolsón funcional.

Al presionar sobre el botón confirmar en el modal de modificar id bolsón se debe enviar el dato “id bolsón anterior” e “id bolsón actual” a través de un servicio de backend.

[8] Datos de fin de recorrido

Al final un recorrido se deben guardar los kilómetros recorridos, el número de bolsones recolectados y una imagen con el trayecto recorrido, en el id de recorrido adecuado.

[3] Ventana de fin de recorrido

Al presionar finalizar recorrido se debe mostrar una nueva ventana. dicha ventana debe ser creada y debe contener un header y un componente de fin de recorrido.

[2] Evento modificar peso

Se debe agregar la funcionalidad al botón “Modificar peso” en un bolsón ya pesado. Se debe mostrar como pop up el modal de modificación de peso. Se permite poner su peso. A continuación, se debe confirmar o cancelar.

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.