Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Last synced: 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/eliaslma/woovi-web
Owner: eliaslma
Created: 2024-07-15T06:44:03.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-07-18T02:14:05.000Z (6 months ago)
Last Synced: 2024-10-14T21:02:56.873Z (3 months ago)
Language: TypeScript
Homepage: https://woovi-web-production.vercel.app
Size: 95.7 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-woovi-challenge - Woovi Web

README

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

![mediamodifier_image (1)](https://github.com/user-attachments/assets/2d743240-5dc0-4da8-8a56-09ae0e1a9422)

## 🛠️ 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:

- [ReactJS](https://react.dev/)

- [NextJS](https://nextjs.org/)

- [Typescript](https://www.typescriptlang.org/)

Principais pacotes extra instalados:

- [Styled Components](https://styled-components.com/)

- [CryptoJS](https://www.npmjs.com/package/crypto-js)

- [React Hook Form](https://react-hook-form.com/)

- [React QRCode](https://www.npmjs.com/package/react-native-qrcode-svg)

- [Material UI](https://www.npmjs.com/package/react-native-qrcode-svg)

- [Yup](https://www.npmjs.com/package/yup)

## ⚙️ 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 e Yup

* Notificação para pagamento concluído

* E mais...

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

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-web.git

# Acesse a pasta do projeto no seu terminal/cmd

$ cd woovi-web

# Instale as dependências

$ npm install

# ou

$ yarn

# Execute a aplicação

$ yarn dev

```

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