Skip to content

Uma rifa virtual desenvolvida durante o Hackaton da Klever em parceria com a Trybe.

Notifications You must be signed in to change notification settings

Yasmin358/rifa-virtual-project

Repository files navigation

Rifa Virtual

Um site onde você pode ajudar uma ONG e ganhar um premio ao mesmo tempo, através de um sorteio.

Static Badge

Hackaton FuncionalidadesDemostraçãoTecnologias e HabilidadesAcesso ao projeto

🏆 Hackaton

Projeto desenvolvido no Hackaton da Klever em parceria com a Trybe, juntamente com a Sally Barzilai Diament, Mathews Rodrigues e Patricia Correia.

Desafio

Desenvolver uma aplicação FrontEnd que utilize a Klever Browser Extension. Sugestões: Jogo, Loja Virtual, Doação.
- Uma extensão que permite aos usuários listar suas transações, receber fundos, gerenciar várias contas, redefinir suas contas e tambem integrar ao KleverChain Explorer para visualizar cada transação.

Duração

Do dia 10/12 ao dia 11/12 (Dois dias)

🔨 Funcionalidades

O usuário pode conectar a carteira digital da klever usando a Klever Browser Extension. O Site possui um formulário onde o usuário pode escolher qual ONG ele deseja ajudar, o premio que deseja ganhar, um numero e o valor que deseja pagar por ele. O Pagamento é feito usando a carteira digital da klever. O Valor arrecadado com a rifa irá para ONG escolhida pela pessoa ganhadora, e a pessoa ganha o premio que ela já tinha escolhido.

🔭 Demostração

RifaVirtual Demo

💻 Tecnologias e Habilidades usadas no Projeto

  • HTML
  • CSS
  • Typescript
  • React
  • React Hooks

📁 Acesso ao projeto

Remotamente

Clique no link a seguir para abrir o projeto no navegador:
https://rifa-virtual-project.vercel.app/

Clique no link a seguir para acessar os arquivos do projeto:
https://github.com/Yasmin358/rifa-virtual-project

Localmente

  #Clone este repositório
  $ git@github.com:Yasmin358/rifa-virtual-project.git
  
  # Acesse a pasta do projeto no terminal/cmd
  $ cd rifa-virtual-project

  # Instale as dependencias (node 18.x)
  $ npm install

  # Rode o projeto 
  $ npm run dev

  # Ou abra no seu editor de texto favorito.