five-bet icon indicating copy to clipboard operation
five-bet copied to clipboard

Five Bet é um site de apostas completo! Como visitante você pode visualizar jogos acontecendo em tempo real, após criar sua conta você terá um dashboard para realizar apostas, efetuar saques ou depósi...

FeedGet


Projeto   |    Tecnologias   |    Features   |    Layout   |    Executando o projeto   |    Licença


Server Status Languages Languages Licenses

Clique aqui para acessar a versão web

✨ Projeto

Five Bet é um site de apostas completo! Como visitante você pode visualizar jogos acontecendo em tempo real, após criar sua conta você terá um dashboard para realizar apostas, efetuar saques ou depósitos, alteração de senha ou foto de perfil e também pode consultar históricos de transações, apostas e afiliados. O projeto está com dados fictícios pois a API paga tem um limite pequeno de requisições, mas está todo desenvolvido para receber uma chave de API e obter dados em tempo real, como a adição de novos esportes para apostas.

Vale destacar que este projeto utiliza além da API de jogos em tempo real, uma segunda API que armazena todos os dados dos usuários (Cadastros, Apostas, Históricos...), esta segunda API foi desenvolvida do zero. Tornando-se assim um projeto que foi feito além do front, também seu back-end.

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias/bibliotecas:

HTML5 CSS3 JavaScript MaterialUI Referral Codes
Axios Framer Motion Phosphor Icons Yup Styled Components
React React Timestamp React Toastify React Router Dom React Hook Form

🌟 Features

  • [ ] 100% responsivo em resoluções até 4k.
  • [ ] Página de contato com formulário de mensagens.
  • [ ] Estatísticas dinâmicas em todo o site.
  • [ ] Cadastro e Login com validações e código de afiliado.
  • [ ] Sistema de Afiliado completo oferecendo recompensas e histórico.
  • [ ] Histórico de transações, afiliações e apostas.
  • [ ] Alteração de Senha ou Foto de Perfil
  • [ ] Sistema complexo de apostas (Automaticamente os jogos encerrados disparam um evento que detecta os possíveis ganhadores, para que eles recebam suas recompensas ou não. Após isso efetua o preenchimento de todo histórico e estatísticas no site).

🎨 Layout

Este projeto não foi desenvolvido a partir de um figma.

👨🏻‍💻 Executando o projeto

Utilize o yarn ou o npm install para instalar as dependências do projeto. Em seguida, inicie o projeto.

Iniciando a versão web:

yarn start ou npm run dev

:memo: Licença

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