Coder Social home page Coder Social logo

cha-rifa-alice's Introduction

Chá rifada Alice

Introdução

Este é um aplicativo de rifa virtual para o chá de bebê da Alice (Minha Filha que esta preste a nascer). O aplicativo permite que os usuários selecionem números de rifa e enviem suas informações de contato para participar do sorteio.

Após selecionar os números, PIX ou fralda e preencher o formulário com nome e número de telefone, o usuário é redirecionado para o chat do WhatsApp, onde suas informações de nome, números e tipo de pagamento (fralda ou PIX) são enviadas.

Logo após, uma mensagem automática é enviada no WhatsApp do usuário conforme o que ele optou. Por exemplo, se o usuário optou por 1 número e PIX, ele receberá uma mensagem de agradecimento e uma chave PIX já com um valor setado para ele apenas copiar e colar. Caso a quantidade de números seja maior que 1, a chave PIX também sofre alteração para o valor correto.

A aplicação também envia o nome, número e tipo (PIX ou Fralda) para uma planilha do Google Sheets, para facilitar a localização do sorteado na hora do sorteio.

Todos os números escolhidos vão para um banco de dados no Firebase, e logo após os números são recarregados na página como já selecionados, para que os outros usuários não escolham os mesmos números.

Funcionalidades

  • Seleção de números de rifa
  • Envio de informações de contato
  • Validação de formulário
  • Integração com o Firebase para armazenamento de dados
  • Integração com o WhatsApp para envio de mensagens de confirmação
  • Integração com Google Sheets para salvar informações na planilha

Como usar

  1. Abra o aplicativo em seu navegador.
  2. Selecione os números de rifa desejados clicando neles. Os números selecionados serão destacados com um coração.
  3. Preencha o formulário com suas informações de contato.
  4. Clique no botão "Enviar" para enviar suas informações via WhatsApp e participar do sorteio.
  5. Uma mensagem de confirmação será enviada para você via WhatsApp.
  6. Clique no Link que você receber (caso tenha optado pelo PIX)
  7. Copie a chave PIX do tipo “COPIE E COLE” ou escanei o QR-CODE
  8. Faça o pagamento com o seu Banco corretista

Tecnologias utilizadas

  • HTML
  • CSS
  • JavaScript
  • Firebase
  • WhatsApp API
  • Google Sheets Webhooks for Sheets API

Site da aplicação

Observação:

O site está funcionando atualmente apenas em dispositivos moveis.
Chá Rifa

Contato

Para mais informações, entre em contato com o desenvolvedor:

cha-rifa-alice's People

Contributors

pallovitor avatar

Stargazers

Diego Fagundes avatar

Watchers

 avatar

Forkers

dfagundes2001

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.