Projeto | Tecnologias | Features | Layout | Executando o projeto | Licença
Clique aqui para acessar a versão web
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.
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 |
- 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).
Este projeto não foi desenvolvido a partir de um figma.
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
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.