/challenge-fullStack-CupBet-web

Desenvolver uma aplicação Web completa. É uma aplicação para realizar aposta de copa do mundo e guardar. O usuário faz um palpite de um determinado jogo e assim que ele sair do campo de edição essa informação é mandada para o banco de dados junto com a verificaçõa de Id do Usuario e com um token.

Primary LanguageJavaScript

Project CupBet Web

Desenvolver uma aplicação Web completa. É uma aplicação para realizar aposta de copa do mundo e guardar. O usuário faz um palpite de um determinado jogo e assim que ele sair do campo de edição essa informação é mandada para o banco de dados junto com a verificaçõa de Id do Usuario e com um token, assim possibilitanto outro usuário que não tenha um cadastro na plataforma possa vê seus palpites acessando o link do usuário.

 

Screenshot

App Screenshot

 

Projeto desenvolvido no evento Full Stack Challenge

https://cupbet-web.vercel.app/

 

O que é o Full Stack Challenge ?

Evento de desenvolvimento realizado pelo o Bruno Bertolini da Codar.Me antes da abertura do curso Input.

 

Funcionalidades

  • 🤔 Dashboard das apostas

  • 🖥 Multiplataforma

 

Funcionalidades em produção

  • 🖥 Temas dark(em desenvolviento) e light

 

Stack utilizada

  • Front-end: Javascript, html e css

  • Design: Figma

  • Back-end: NodeJS com KOA, PlanetScale(banco de dados), Prisma e Vercel

  • Library: React e Tailwind CSS

 

Maiores desafios

  • 🤔 Uso de bibliotecas e framework no front End

  • 🚀 Aprender cofigurar um projeto usando Vite

  • 🧪 Entender rotas com React Router

  • 🔁 Configuração de Api

  • 🔁 Configurar roteamento usando KOAjs

  • 💻 Uso do Insomnia para testar funcionamento de requisições

  • 🌐 Entender ApiRest através de Protocolo HTTP

 

Rodando localmente o servidor Web

Clone o projeto

  git clone https://github.com/Ar3secchim/challenge-fullStack-CupBet-web.git

Entre no diretório do projeto

  cd challenge-fullStack-CupBet-web

Instale as dependências

  npm install

Inicie o servidor

  npm run dev

 

Feedback

Este projeto faz parte do meu portfólio, ficarei feliz em receber feedback sobre o projeto, sobre os códigos, estrutura ou qualquer coisa que me ajude a evoluir para me tornar uma desenvolvedora melhor

Email: renarasecchim@hotmail.com

Conecte-se comigo Linkedin