Giter Club home page Giter Club logo

my_market_list_react_native's Introduction

My market List

Resumo

Trate-se de uma refatoração do aplicativo My market list que anteriormente era desenvolvido em Android Nativo e essa versão será desenvolvida em modelo híbrido com React Native.

Detalhamento

Esse aplicativo está sendo desenvolvido por mim, em conjunto com dois amigos de faculdade sendo eles : Diogo Agra, responsável por organizar os dados dos mercados no servidor e Tatiane Correa que faz o scrapping dos dados e disponibiliza para o Diogo.

Minha função nesse projeto é estruturar a interface do App e a lógica de comunicação com o servidor via API para buscar e somar a quantidade de itens da lista de compras do cliente e comparar o valor total dessa lista com diferentes supermercados.

Por questões de dificuldades no scrapping de dados, talvez por desinteresse dos próprios supermercados, decidimos focar em lançar a primeira versão do App apenas com 1 mercado e depois amplicar com mais parceiros e outras features.

Esse projeto tem sido um grande desafio pra mim, pois estou reescrevendo todo o código em React Native. Segue abaixo um gif da organização inicial de telas e listas de exemplo

Vídeo ilustrativo do projeto :

My_market_list_video_08-05.mp4

Conceitos aprendidos:

  • Criação de FlatLists para os mercados e os Itens
  • Utilização de um TextInput para filtrar produtos pelo nome
  • Criação da TabBar para navegação entre as telas dos mercados e a de itens
  • Criação de botões TouchableOpacity para os mercados e a adição de cada item
  • Estruturação do projeto com mocks exemplificativos
  • Separação da pasta de rotas para facilitar a manutenção do projeto
  • Inclusão de icones vetorias para melhorar a aparência e usabilidade do app

Próximas etapas - Loading ...

  • Corrigir o tamanho das células para melhor acomodar o nome dos itens
  • Consumir a API do servidor para mostrar itens disponíveis a serem adicionados
  • Buscar os itens escolhidos pelo cliente no servidor e fazer o somatório

my_market_list_react_native's People

Contributors

william-sobrinho-geraldo avatar

Watchers

 avatar

my_market_list_react_native's Issues

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.