PlantManager Ć© uma aplicaĆ§Ć£o criada em React Native na 5ĀŖ ediĆ§Ć£o do bootcamp da Rocketseat, Next Level Week, com o instrutor Rodrigo GonƧalves e tem como objetivo ajudar a cuidar melhor da nossas plantinhas em casa.
Construindo o projeto Screens Layout Tecnologias Sobre mim
- ApresentaĆ§Ć£o do projeto e o que vamos desenvolver essa semana.
- ambiente de desenvolvimento e organizaĆ§Ć£o.
- O que Ć© React Native e porque vamos usĆ”-lo?
- Por que utilizar o Expo?
- Por que TypeScript?
- Criando o projeto React Native com TypeScript.
- Conceitos Importantes sobre: Componentes, Propriedades e Estados.
- Splash Screen e Tela de Welcome.
- Refatorar o que fizemos na aula passada.
- Melhorar o Design com Ćcones da Vector Icons.
- Melhorar o Design com fonts externas do Google Fonts.
- Criando um arquivo de estilos para fontes.
- Tela para IdentificaĆ§Ć£o de UsuĆ”rio.
- Melhorando a tela de confirmaĆ§Ć£o da identificaĆ§Ć£o do usuĆ”rio com dicas de UX.
- Tela de confirmaĆ§Ć£o.
- Definindo a navegaĆ§Ć£o entre telas com Stack Navigator.
- Tela para selecionar planta.
- Consumindo API para carregar as plantas.
- Lidando com SVG da API.
- Utilizando animaƧƵes Lottiefiles para deixar o Load a cara do App.
- Filtrando plantas pelo ambiente.
- Melhorando a experiĆŖncia do usuĆ”rio com paginaĆ§Ć£o.
O layout original da aplicaĆ§Ć£o no figma aqui
