An open API service indexing awesome lists of open source software.

https://github.com/eliaslma/woovi-app

Woovi App 🚀
https://github.com/eliaslma/woovi-app

Last synced: about 2 months ago
JSON representation

Woovi App 🚀

Awesome Lists containing this project

README

        

# ![woovi-logo](https://github.com/eliaslma/woovi-app/assets/70176310/ff5911ac-7b77-4307-89d9-ff924299ba94)

![Captura de Tela 2024-07-11 às 05 49 51](https://github.com/eliaslma/woovi-app/assets/70176310/876207e6-38f6-4cc7-8e2d-9534c9025307)

## 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 |
| :------------------------------------------------------------------------: | :----------------------------------------------------------------------------: |
| ![Simulator Screenshot - iPhone 15 Pro Max - 2024-07-11 at 05 39 52](https://github.com/eliaslma/woovi-app/assets/70176310/09d13121-3692-41fa-8e41-895e56e74a3f) | ![Simulator Screenshot - iPhone 15 Pro Max - 2024-07-11 at 05 40 07](https://github.com/eliaslma/woovi-app/assets/70176310/465d0771-e50a-4cfb-a0b1-060ec9543257) |

| Pagamento Confirmado | Formulario |
| :------------------------------------------------------------------------: | :----------------------------------------------------------------------------: |
| ![Simulator Screenshot - iPhone 15 Pro Max - 2024-07-11 at 05 42 02](https://github.com/eliaslma/woovi-app/assets/70176310/b6f9d2d1-9379-4cab-a4f7-0c97f9bc4682) | ![Simulator Screenshot - iPhone 15 Pro Max - 2024-07-11 at 05 41 13](https://github.com/eliaslma/woovi-app/assets/70176310/8eb59a01-a7db-484e-a031-4ad0c99d8e1f) |

## [](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


Elias Lima da Silva

In ☕ We Trust!

Entre em contato:

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=for-the-badge&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/elias-lima-da-silva-a933a713a/)](https://www.linkedin.com/in/elias-lima-da-silva-a933a713a/)
[![Whatsapp Badge](https://img.shields.io/badge/-Whatsapp-4CA143?style=for-the-badge&labelColor=4CA143&logo=whatsapp&logoColor=white&link=https://api.whatsapp.com/send?phone=5544997075632&text=Olá!)](https://api.whatsapp.com/send?phone=5544997075632&text=Olá!)
[![Gmail Badge](https://img.shields.io/badge/-Gmail-c14438?style=for-the-badge&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])