Sobre o projeto • Funcionalidades • Layout • Como executar o projeto • Tecnologias • Contribuidores • Autor • Licença •
O goFinances é um sistema que permite que o usuário cadastre suas movimentações financeiras, permitindo uma fácil visualização de seus gastos e ajudando a planejar melhor planos/objetivos. Com esse projeto foi possível aprender sobre a utilização do Styled Components com que permite a criação de códigos CSS dentro do javaScript. A criação de formulários flexíveis realizada através do React Hook Form, navegação entre telas com React Navigation e login com redes sociais. Lista completa de tecnologias aqui.
- Cadastrar movimentação financeira.
- Marcar como saída.
- Marcar como entrada.
- Selecionar categoria.
- Listar fluxos (entradas e saídas financeiras)
- Armazenar informações no dispositivos;
- Realizar login através de redes sociais;
Você pode acessar o Layout pelo Figma através desse link.
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git é um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone [email protected]:andersonzeroone/goFinances.git
# Acesse a pasta do projeto no terminal/cmd
$ cd goFinances
# Instale as dependências
$ npm install ou yarn install
# Execute a aplicação
$ npm start ou yarn start ou expo start
As seguintes ferramentas foram usadas na construção do projeto:
Mobile (React Native + TypeScript)
- Expo
- Expo Google Fonts
- React Native Gesture Handler
- React Native Iphone x-helper
- Styled-Components
- React Hook Form
- React Navigation
- React Navigation/Tabs
- React native vector icons
- Expo App Loading
- AsyncStorage
- Uuuid
Veja o arquivo package.json
Utilitários
-
Protótipo: Figma → Protótipo (GoFinances)
-
Editor: Visual Studio Code
💜 Um super thanks 👏 para essa galera que fez esse produto sair do campo da ideia e entrar nas lojas de aplicativos :)
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature
- Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature"
- Envie as suas alterações:
git push origin my-feature
Caso tenha alguma dúvida confira este guia de como contribuir no GitHub
Anderson Pablo 🚀
Este projeto está sob a licença MIT.
Feito com ❤️ por Anderson Pablo 👋🏽 Entre em contato!