Status do Projeto: ✔️ (concluido)
🔹 Linguagens, dependencias e libs utilizadas
🔹 Desenvolvedores Contribuintes
🔹 Autor
Projeto realizado em Flutter, referente a um app de receitas. Foi utilizado varios conceitos da linguagem tais como: "ValueNotifier - notifica seus ouvintes quando o valor e alterado"; "Animation - interpola os valores usados para guiar uma animação."; "Hero - animar um widget de uma tela para a próxima"; "Transform - Cria um widget que transforma seu filho"; "ClipRRect - Cria um clipe retangular arredondado"; "Matrix4 - permitem mover, girar, redimensionar e inverter"; "PageTransitionsBuilder - Animação na transição de telas"; "Passagem de parâmetros entre as telas"; entre outros.
✔️ Abre diretamente na tela Home, onde contém as refeições separadas por categorias. Podendo alterar entre "Categorias" e "Favoritos". Utilizamos um "BottomNavigationBar" personalizado e também trocamos a animação de transição de telas utilizando o "PageTransitionsBuilder".
✔️ Tanto as telas de "Categorias" ou "Favoritos", ao rolar para cima para melhor visualizar, automaticamente a "BottomNavigationBar" desaparece e reaparece ao rolar para baixo. Utilizamos o "ValueNotifier" para realizar a notificação para desaparecer ou reaparecer com o nosso "BottomNavigationBar".
✔️ Nosso menu Drawer, utilizamos o pacote "drawer_swipe" com algumas modificações no código fonte do mesmo. O pacote possui varias funcionalidades como o "ClipRRect", "Transform" e "Matrix4" para realizar a animação de clone da tela, arendondamento das bordas e efeito de deslocamento para o surgimento do Drawer.
✔️ Ao abrir alguma refeição, temos a tela com os detalhes, informando o tempo de preparo, se o prato é facil ou dificil de ser preparado e o preço. Clicando na imagem da refeição a pagina com o passo a passo será exibida.
✔️ Na tela do passo a passo da receita, temos os "Ingredientes" onde é possivel realizar a rolagem dos mesmos "ListView Builder". Temos os "Passos" que possui a opção de rolagem também outro "ListView Builder" e toda a tela é envolvida com o "SingleChildScrollView", possibilitando a rolagem total. Para finalizar possuimos um "FloatingActionButton" com um icone de um coração onde será possivel marcar a refeição como favorita.
✔️ A tela de configurações é acessada através do menu principal, a mesma possui diversos filtros que podem ser marcados "SwitchListTile".
No terminal, clone o projeto:
git clone https://github.com/AndersonD-art/meals.git
👍 Projeto inspirado no professor, desenvolvedor e youtuber Leonardo Moura Leitão da COD3R - https://www.udemy.com/course/curso-flutter/. O melhor curso de flutter da Udemy em minha opinião.
💬 Trata-se de um app de receitas, que utiliza de diversas animações para deixá-lo bem intuitivo e divertido.
💬 Logo de inicio já ira surgir a tela home, com diversas categorias de comidas separadas pelo tipo, selecionando alguma destas categorias será exibido as informações sobre o prato, clicando na imagem da refeição será redirecionada a tela de passo a passo com os ingredientes necessarios e passos para o preparo com um botão flutuante para favoritar a receita.
💬 Temos a aba com o favoritos onde serão exibidos todas as refeições marcadas como favoritas.
💬 O nosso Drawer ou menu, é cercado de animações e nos possibilita acessar as paginas de refeições, favoritos e configurações.
💬 Já na pagina de configurações podemos realizar diversos filtros para eliminarmos por exemplo as receitas que contem "glúten".
Um super thanks 👏 para Leonardo Moura Leitão da cod3r pela ajuda.
Anderson David 👨💻☕
The MIT License(MIT)
Copyright ©️ 2021 - Meals