Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/guilhaof/goals-app
🎯🤑💵💰 App de metas financeiras pessoal.
https://github.com/guilhaof/goals-app
android bottomsheet dayjs expo expo-router ios nativewind react react-native sqlite typescript
Last synced: 8 days ago
JSON representation
🎯🤑💵💰 App de metas financeiras pessoal.
- Host: GitHub
- URL: https://github.com/guilhaof/goals-app
- Owner: GuilhaoF
- Created: 2024-03-12T01:16:43.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-03-16T17:14:32.000Z (8 months ago)
- Last Synced: 2024-03-16T23:19:23.565Z (8 months ago)
- Topics: android, bottomsheet, dayjs, expo, expo-router, ios, nativewind, react, react-native, sqlite, typescript
- Language: TypeScript
- Homepage:
- Size: 1.75 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Goals 🤑💵 ConcluĂdo 🚀
Sobre •
Funcionalidades •
Layout •
Como executar •
Tecnologias •
Autor •
Licença
## đź’» Sobre o projeto
💵🤑 Imagine que Rodrigo deseja comprar um Notebook novo que custa R$ 5.000,00. Ele acha prudente poupar o dinheiro necessário para comprar à vista, conseguir um bom preço e não comprometer o orçamento com parcelas. Por isso, pode usar esse App Minhas Metas para poupar até atingir sua meta financeira para adquirir um Notebook novo. Esse é um dos projetos desenvolvidos em aula do evento React Native na Prática.
---
## ⚙️ Funcionalidades
- [x] Mostra as metas
- [x] Adiciona as metas
- [x] Adiciona depositos para aquela meta
- [x] Reduz o saldo das metas (retiradas em dinheiro)
- [x] Mostra a porcentagem alcancada daquela meta
---
## 🎨 Layout
O layout da aplicação está disponĂvel no Figma:
### Mobile
---
## 🚀 Como executar o projeto
### Pré-requisitos
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)
#### 🎲 Backend (servidor)
```bash
## projeto usando sqlite do expo
consulte em https://docs.expo.dev/versions/latest/sdk/sqlite-next/
```
#### 📱 Mobile
```bash
# Clone este repositĂłrio
$ git clone https://github.com/GuilhaoF/goals-app.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd goals-app
# Instale as dependĂŞncias
$ npm install ou npm i
# Execute a aplicação em modo de desenvolvimento
$ npx expo start
# Escolha aonde quer rodar a aplicacao
Metro waiting on exp://192.168.3.10:8081
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)
› Web is waiting on http://localhost:8081
› Using Expo Go
› Press s │ switch to development build
› Press a │ open Android
› Press i │ open iOS simulator
› Press w │ open web
› Press j │ open debugger
› Press r │ reload app
› Press m │ toggle menu
› Press o │ open project code in your editor
› Press ? │ show all commands
```
---
## đź› Tecnologias
As seguintes ferramentas foram usadas na construção do projeto:
#### [](https://github.com/GuilhaoF/cook-app)**Mobile** ([React Native](http://www.reactnative.com/) + [TypeScript](https://www.typescriptlang.org/))
- **[Expo](https://expo.io/)**
- **[Expo Google Fonts](https://github.com/expo/google-fonts)**
- **[Expo Constants](https://docs.expo.io/versions/latest/sdk/constants/)**
- **[Sqlite Expo](https://docs.expo.dev/versions/latest/sdk/sqlite-next/)**
- **[Reanimated](https://docs.swmansion.com/react-native-reanimated/)**
- **[Expo Router](https://docs.expo.dev/router/introduction/)**
- **[Nativewind](https://www.nativewind.dev/)**
- **[BottomSheet](https://github.com/gorhom/react-native-bottom-sheet)**
- **[DayJs](https://day.js.org/)**
> Veja o arquivo [package.json](https://github.com/GuilhaoF/goals-app/blob/main/package.json)
---
## đź’Ş Como contribuir para o projeto
1. Faça um **fork** do projeto.
2. Crie uma nova branch com as suas alterações: `git checkout -b my-feature`
3. Salve as alterações e crie uma mensagem de commit contando o que você fez: `git commit -m "feature: My new feature"`
4. Envie as suas alterações: `git push origin my-feature`
> Caso tenha alguma dĂşvida confira este [guia de como contribuir no GitHub](./CONTRIBUTING.md)
---
## 🦸 Autor
---
## 📝 Licença
Este projeto esta sobe a licença [MIT](./LICENSE).
Feito com ❤️ por Luis Felipe G Silva 👋🏽 [Entre em contato!](https://www.linkedin.com/in/luis-felipe-silv/)
---
## Versões do README
[Português 🇧🇷](./README.md)
