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

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

Last synced: 3 months ago
JSON representation

Woovi App 🚀

• Host: GitHub
• URL: https://github.com/eliaslma/woovi-app
• Owner: eliaslma
• Created: 2024-07-11T08:53:06.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-09-14T20:47:05.000Z (10 months ago)
• Last Synced: 2024-10-14T21:02:56.654Z (9 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

        
# ![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

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])