https://github.com/eliaslma/woovi-app
Woovi App 🚀
https://github.com/eliaslma/woovi-app
Last synced: about 2 months ago
JSON representation
Woovi App 🚀
- Host: GitHub
- URL: https://github.com/eliaslma/woovi-app
- Owner: eliaslma
- Created: 2024-07-11T08:53:06.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-09-14T20:47:05.000Z (9 months ago)
- Last Synced: 2024-10-14T21:02:56.654Z (8 months ago)
- Language: TypeScript
- Homepage:
- Size: 456 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-woovi-challenge - Woovi App
README
# 

## Video Preview
https://github.com/eliaslma/woovi-app/assets/70176310/1ce940a5-9592-4d75-be7e-5836d50c057e
## 🛠️ Stack
Nesta aplicação utilizei de forma inteligente e dinâmica o styled-components
para customizar as classes de estilo, focando na reutilização do código.Este projeto foi desenvolvido com as seguintes tecnologias:
- [React Native](https://reactnative.dev/)
- [Typescript](https://www.typescriptlang.org/)
- [Expo](https://expo.dev/)Principais pacotes extra instalados:
- [React Native Elements](https://reactnativeelements.com/)
- [Styled Components](https://styled-components.com/)
- [React Native Paper](https://reactnativepaper.com/)
- [CryptoJS](https://www.npmjs.com/package/crypto-js)
- [React Hook Form](https://react-hook-form.com/)
- [React Navigation](https://reactnavigation.org/)
- [Flash Message](https://www.npmjs.com/package/react-native-flash-message)
- [React Native QRCode Svg](https://www.npmjs.com/package/react-native-qrcode-svg)
- [React Native Responsive Fontsize](https://www.npmjs.com/package/react-native-responsive-fontsize)## ⚙️ Features
* Listagem e seleção de parcelas via PIX
* Geração de QRCode dinâmico
* Geração de Hash de identificação de transação
* Validação de formulário com React Hook Form
* Notificação e tela para pagamento concluído
* E mais...## Screens preview
| Inicio | QRCode |
| :------------------------------------------------------------------------: | :----------------------------------------------------------------------------: |
|  |  || Pagamento Confirmado | Formulario |
| :------------------------------------------------------------------------: | :----------------------------------------------------------------------------: |
|  |  |## [](https://github.com/eliaslma/woovi-app) 🚀 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/) e [Expo](https://expo.dev).
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/).
#### 🧭 Rodando a aplicação
```bash
# Clone este repositório
$ git clone https://github.com/eliaslma/woovi-app.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd woovi-app
# Instale as dependências
$ npm install
# ou
$ yarn
# Execute a aplicação
$ npx expo start
```
## [](https://github.com/eliaslma) 👨🚀 Autor
Elias Lima da Silva
In ☕ We Trust!
Entre em contato:
[](https://www.linkedin.com/in/elias-lima-da-silva-a933a713a/)
[](https://api.whatsapp.com/send?phone=5544997075632&text=Olá!)
[](mailto:[email protected])