O projeto gofinances é um aplicativo mobile para cadastrar gastos e faturamentos recebidos além de realizar uma análise básica sobre os gastos do usuário e um resumo.
Sobre | Motivo | Design | Requisitos | Tecnologias | Baixar e Executar
O 2º projeto do bootcamp Ignite na trilha react-native, é o 1º projeto com o auxílio e configurações do Expo(Barer workflow), além disso é explicado mais sobre componentes do react-native como a Flatlist, responsividade, Async-Storage, Axios, Login Social com o OAuth(Google e IOS), e sobre navegação em aba e em pilha além de suas configurações
- Página Inicial:
__________________
- Autenticação com Google:
___________________________
Esse projeto tem por objetivo por em introduzir os conceitos básicos de React Native no desenvolvimento mobile no 2º capítulo do curso Ignite de React Native.
Assim, nesse projeto criamos a listagem geral de gastos e faturamentos, além do cadastro e do gráfico sobre a rentabilidade do usuário utilizando os conceitos e tecnologias já citadas aqui envolvendo o React Native como o uso e configuração do Expo, Style Components, Flatlist, Contexto, hooks, autenticação, navegação e formulário e por fim armazenamento local por meio do Async Storage.
- Cadastro:
______
_______
- Gráfico de gastos:
___________________________
- Android Studio
- Async-Storage
- Celular(Opcional)
- Expo(desktop)
- Expo Go(Mobile) opcional.
- JSON-Server
- Node.js
- React
- React-Native
- TypeScript
- Yarn(ou NPM)
O projeto foi desenvolvido utilizando as seguintes tecnologias:
- Android Studio
- Async Storage
- Autenticação Expo
- Expo
- Javascript
- NodeJS
- React
- React-Native
- React Navigation
- TypeScript
- Victory-Native
- Yarn
- Clonar o projeto:
git clone https://github.com/Aszurar/gofinances.git
- É necessário a instalação do yarn de acordo com seu sistema operacional, para isso veja como no site do Yarn
- Instalação das dependências:
- Execute o comando abaixo dentro da pasta do projeto
yarn
- É necessário a instalação do emulador Android Studios e das tecnologias requesitadas acima no:seedling: Requisitos
- Também é necessário a instalação/configuração de outras tecnologias, para isso siga os passos indicados nessa página de acordo com seu sistema operacional: Executando uma Aplicação React-Native emulando Windows/Linux/MacOS ou direto no dispositivo mobile Android/IOS
- É necessário a instalação do Expo
- Execução - Abra a pasta do projeto com alguma IDE(Vscode) ou simplesmente abra o terminal na pasta do projeto e execute o comando abaixo:
expo start
- Abra o emulador ou conecte o celular(É necessário a instalação do Expo Go) e execute:
a
- Lembrando que, caso seja executado pelo emulador, o ideal é sempre deixa-lo aberto antes de aplicar os comandos acima.
Desenvolvido por 🌟 Lucas de Lima Martins de Souza.