GithubHelp home page GithubHelp logo

jonatan966 / payflow Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 2.92 MB

Uma PWA onde é possível organizar os boletos

Home Page: https://payflow-web.vercel.app/

License: MIT License

TypeScript 99.16% JavaScript 0.84%
nextjs pwa reactjs styled-components quagga2 portfolio

payflow's Introduction


💻 O projeto

O payflow se resume a uma plataforma para organizar boletos. Nela é possível armazenar e obter um histórico dos boletos pagos, em forma de extrato.

🔧 Funcionalidades

  • Armazenar boletos
  • Escanear boletos
  • Alternar entre tema claro/escuro
  • Fazer login com o Google
  • Trocar de conta
  • Instalar aplicativo (PWA)

🧪 Tecnologias principais

MongoDB NextJS PWA ReactJS Styled Components

📸 Capturas de tela

MongoDB MongoDB MongoDB MongoDB MongoDB MongoDB

🎨 Design

O design do projeto pode ser encontrado aqui

🚀 Como executar

Clone o projeto e acesse a pasta do mesmo.

$ git clone https://github.com/Jonatan966/payflow
$ cd payflow

Crie um arquivo .env.local e o preencha com essas variáveis

NODE_ENV=dev

# URL da aplicação
NEXTAUTH_URL=http://localhost:3000

# Para conseguir essas credenciais, é necessário acessar o Console do Google e configurar um provedor de login OAuth2
GOOGLE_PROVIDER_ID
GOOGLE_PROVIDER_SECRET=

#URL de conexão com o MongoDB
MONGODB_URI= 

#Nome do banco de dados
MONGODB_DB=payflow

Para iniciá-lo, siga os passos abaixo:

# Instalar as dependências
$ yarn

# Iniciar o projeto
$ yarn dev

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

payflow's People

Contributors

jonatan966 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.