Giter Site home page Giter Site logo

leticia-c / trybe-futebol-clube Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 951 KB

O `TFC` é um site informativo sobre partidas e classificações de futebol! ⚽️

Dockerfile 0.22% JavaScript 40.72% TypeScript 45.31% Shell 1.41% HTML 1.29% CSS 11.04%
jtw nodejs typescript api-rest chai jest mocha poo sinon express mysql reactjs

trybe-futebol-clube's Introduction

Bem vinde ao repositório do Trybe Futebol Clube ⚽️

O Trybe Futebol Clube é um projeto Full Stack desenvolvido durante minha formação em Desenvolvimento Full Stack Web pela Trybe, no módulo de back-end. Fui responsável por fazer o backend da aplicação, o front-end foi fornecido pela Trybe

Mas o que é o Trybe Futebol Clube?

O TFC(Trybe Futebol Clube) é um site informativo sobre partidas e classificações de futebol! No TFC você pode ver a classificação geral dos times, além de poder ver as classificações de times da casa ou de times de fora, separadamente. Para usar o site, você deve fazer o login, tanto quanto user quanto com admin. No entanto, se você usa como user, você não poderá modificar e finalizar partidas.

Login de admin: email: [email protected], password: secret_admin.
Login do user: email: [email protected], password: secret_user.

O que foi feito

Eu desenvolvi uma API (utilizando o método TDD) e também integrar - através do docker-compose - as aplicações para que elas funcionem consumindo um banco de dados.Também construi um back-end dockerizado utilizando modelagem de dados através do Sequelize. Seu desenvolvimento respeitou as regras de negócio exigidas no projeto e a API deve ser capaz de ser consumida por um front-end. A autentificação do login é feita pelo token, portanto a pessoa deverá estar logada para fazer as alterações. Fiz o relacionamento entre as tabelas teams e matches para fazer as atualizações das partidas.


Habilidades

  • Escrever APIs utilizando Node.js e Express;
  • Utilizar a Arquitetura MSC (Model, Service, Controller).
  • Criar rotas e aplicar middlewares e tratamento de erros com express-async-errors;
  • Utilizar ORM Sequelize para criação de queries;
  • Criar queries do MySQL;
  • Utilizar o Paradigma de Orientação a Objetos (POO);
  • Testes de integração;
  • Utilizar o Docker para rodar separadamente os ambientes.

Instruções para instalar, rodar os testes de cada requisito e rodar a página da aplicação

# Clone o repositório
 git clone [email protected]:Leticia-C/trybe-futebol-clube.git
# Entre na pasta do repositório que você acabou de clonar:
  cd trybe-futebol-clube
# Entre na parte de backend do projeto
  cd ./app/backend
# Instale as dependências e inicialize o projeto
  npm install
# Entre no Vs Code para verificar os arquivos usando o atalho no terminal:
  code .
#Para iniciar o projeto, execute o comando:
  docker compose up -d
# Para rodar os tests use o atalho no terminal:
  npm run test
# Para rodar os testes criados:
  cd ./app/backend/ && npm run test:coverage
# Para rodar a aplicação, volte para a pasta app:
  cd ..
# Entre na pasta de frontend:
  cd ./frontend/ 
# Rode a aplicação:
   npm  start

Detalhes

Estrutura do projeto

O projeto é composto de 4 entidades importantes para sua estrutura:

1️⃣ Banco de dados:

  • Será um container docker MySQL já configurado no docker-compose através de um serviço definido como db.
  • Tem o papel de fornecer dados para o serviço de backend.
  • Durante a execução dos testes sempre vai ser acessado pelo sequelize e via porta 3002 do localhost;
  • Você também pode conectar a um Cliente MySQL (Workbench, Beekeeper, DBeaver e etc), colocando as credenciais configuradas no docker-compose no serviço db.

2️⃣ Back-end:

  • Será o ambiente que você realizará a maior parte das implementações exigidas.
  • Deve rodar na porta 3001, pois o front-end faz requisições para ele nessa porta por padrão;
  • Sua aplicação deve ser inicializada a partir do arquivo app/backend/src/server.ts;
  • Garanta que o express é executado e a aplicação ouve a porta que vem das variáveis de ambiente;
  • Todas as dependências extras (tal como joi, boom, express-async-errors...) devem ser listadas em app/backend/packages.npm.

3️⃣ Front-end:

  • O front já está concluído, não é necessário realizar modificações no mesmo. A única exceção será seu Dockerfile que precisará ser configurado.
  • Todos os testes a partir do requisito de login usam o puppeteer para simular uma pessoa acessando o site http://localhost:3000/;
  • O front se comunica com serviço de back-end pela url http://localhost:3001 através dos endpoints que você deve construir nos requisitos.
  • Recomendamos que sempre que implementar um requisito no back-end acesse a página no front-end que consome a implementação para validar se está funcionando como esperado.

4️⃣ Docker:

  • O docker-compose tem a responsabilidade de unir todos os serviços conteinerizados (backend, frontend e db) e subir o projeto completo com o comando npm run compose:up ou npm run compose:up:dev;
  • Você deve configurar as Dockerfiles corretamente nas raízes do front-end e back-end, para conseguir inicializar a aplicação;
Rotas

1️⃣ Rotas de usuários:

  • POST /login
    • responsável por registrar o login e retornar um token de usuário.
  • GET /login/validate
    • responsável validar o login e retornar a 'role' do usuário.

2️⃣ Rotas de times:

  • GET /teams
    • responsável por retornar times cadastrados no DB.
  • GET /teams/:id
    • responsável por retornar times cadastrados no DB através do ID.

3️⃣ Rotas de Partidas:

  • GET /matches
    • responsável por retornar todas as partidas.
  • POST /matches/
    • responsável por cadastrar uma partida no DB. -PATCH /matches/:id
    • responsável por atualizar goas de uma partida específica
  • PATCH /matches/:id/finish
    • responsável por atualizar o status de uma partida em andamento para partida finalizada ('inProgress: false') no DB.

4️⃣ Rotas de Líderes:

  • GET /leaderboard
    • responsável por retornar os líderes do campeonato (dentro ou fora de casa).
  • GET /leaderboard/home
    • responsável por retornar os líderes do campeonato jogando em casa.
  • GET /leaderboard/away
    • responsável por retornar os líderes do campeonato jogando fora de casa

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.