Draft Footz ⚽

Draft Footz é um projeto desenvolvido em React + Typescript com o objetivo de facilitar a organização de torneios de futebol entre amigos ou clubes menores. Com o Draft Footz, os usuários podem criar e entrar em torneios de Fut7 de maneira organizada e simples.

📁 Acesso ao projeto

Figma
Deploy da aplicação

🤔 Por quê o Draft Footz?

O gerenciamento de torneios e jogos é essencial para qualquer equipe esportiva. Com nosso aplicativo, você pode facilmente cadastrar seu time e participar de campeonatos, tornando a organização e planejamento dos jogos muito mais fácil. Além disso, o aplicativo fornece uma plataforma centralizada para que todos os jogadores e membros da equipe possam se comunicar e ficar atualizados sobre as próximas partidas e eventos. Não perca mais tempo lidando com papelada desnecessária e dificuldades de comunicação - nosso aplicativo é a solução perfeita para tornar sua equipe mais organizada e eficiente. Crie sua conta agora e experimente a praticidade e facilidade de gerenciar seus jogos e torneios com nosso aplicativo.

🏆 Como utilizar o Draft Footz?

Para utilizar o Draft Footz, é necessário que somente líderes de torneios ou donos de times se cadastrem no site para criar torneios, times ou até mesmo entrar em torneios de outros usuários. Dessa maneira, é possível solucionar a problemática da falta de organização nos jogos de futebol entre amigos.

🛠️ Como faço para executar em minha máquina?

Para rodar o projeto, é necessário ter o Node.js e o yarn instalados em sua máquina.

Clone o repositório:

git clone https://github.com/draft-footz/draft-footz.git

Acesse a pasta do projeto:

cd draft-footz

Instale as dependências:

yarn install

Execute o projeto:

yarn start

Acesse a url http://localhost:3000 para visualizar o projeto.

🔔 Dependências externas

Durante o desenvolvimento do Draft Footz, foram utilizadas as seguintes dependências:

{
    "@hookform/resolvers": "^2.9.10",
    "@testing-library/jest-dom": "^5.14.1",
    "@testing-library/react": "^13.0.0",
    "@testing-library/user-event": "^13.2.1",
    "@types/axios": "^0.14.0",
    "@types/jest": "^27.0.1",
    "@types/node": "^16.7.13",
    "@types/react": "^18.0.0",
    "@types/react-bootstrap": "^0.32.32",
    "@types/react-dom": "^18.0.0",
    "@types/react-icons": "^3.0.0",
    "@types/react-lottie": "^1.2.6",
    "@types/react-router-dom": "^5.3.3",
    "@types/styled-components": "^5.1.26",
    "@types/yup": "^0.32.0",
    "framer-motion": "^8.1.7",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.41.5",
    "react-input-mask": "^2.0.4",
    "react-router-dom": "^6.6.1",
    "react-scripts": "5.0.1",
    "react-toastify": "^9.1.1",
    "styled-components": "^5.3.6",
    "typescript": "^4.4.2",
    "web-vitals": "^2.1.0",
    "yarn": "^1.22.19",
    "yup": "^0.32.11"
  }