Code Monkey home page Code Monkey logo

lukasrib15 / daily-diet Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 402 KB

Projeto desenvolvido em React Native + TS. Esse projeto está sendo realizado como base para estudos sobre os estilização CSS-in-JS, navegação e local storage. Daily diet é um app onde a pessoa pode cadastrar refeições e ter um acompanhamento da sua alimentação.

TypeScript 99.78% JavaScript 0.22%
local-storage react-native react-navigation typescript styled-components

daily-diet's Introduction

Daily Diet

O app Daily Diet foi criado com o intuito de compreender mais sobre navegação, estilização e armazenamento local no React Native. Daily diet é um app onde a pessoa pode cadastrar refeições e ter um acompanhamento da sua alimentação.


🚀 Tecnologias

Projeto desenvolvido com as seguintes tecnologias:

  • React Native
  • TypeScript
  • Styled Components
  • React Navigation
  • Async Storage
  • Expo
  • Git e Github
  • Figma

💻 Principais issues

  • Desenvolver estilização das telas
  • Criar navegação entre telas com react navigation
  • Criar, editar, remover refeições
  • Configurar lógica de cores, e das caixas da tela de estatística
  • Validar formulário



Versão Mobile:

Tela de Home

Nessa tela, o usuário pode vericar todas as suas alimentações em seus devidos dias e ver se fazia parte da dieta ou não, além de poder acessar a tela de estatísticas para ver seu rendimento.


Tela de Estatística

Nessa tela, o usuário terá apenas a visibilidade mais aprofundada de seu rendimento, tendo noção da quantidade de refeições na dieta e fora dela, além de ver sua melhor sequência.


Tela de Detalhes de uma refeição

Nessa tela, o usuário verá mais sobre uma determinada refeição, como descrição e data.


Tela de Formulário

Essa tela se aplica tanto ao de edição de refeição quanto a de nova refeição, a diferença é que a primeira terá dados escritos no campo, enquanto a segunda não. Dentro dela, o usuário pode cadastrar uma nova refeição.

daily-diet's People

Contributors

lukasrib15 avatar

Watchers

 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.