Pet Dev

Este repositório é um componente essencial de um projeto dedicado à educação e ao aprendizado sobre cuidados, comportamento e curiosidades relacionadas aos animais. Nosso objetivo é oferecer recursos educacionais de alta qualidade e acessíveis para ajudar as pessoas a aprimorarem suas habilidades na criação e no cuidado dos animais. 🐾

Stacks

• HTML
• CSS
• JavaScript
• Node.Js
• Next.Js
• React

Instalação

Para conseguir rodar esse projeto na sua máquina local, use os seguintes comandos

• Clone o repositório com o seguinte comando:

  git clone https://github.com/J4mily/PetDev.git

• Instale as depências do projeto:

npm init

• Instale o Next Js versão 13.1.6:

npm install [email protected]

• Instale o Node Js versão 20.11.1:

npm install [email protected]

• Instale o React versão 18.2.0:

npm install [email protected]

• Instale o React-Dom versão 18.2.0:

npm install [email protected]

• Instale react-transition-group

npm install react-transition-group

• Instale o Prettier para padronização de códigos:

npm install prettier

• Instale o Swiper

npm install swiper

Extensões

• Prettier - Code formatter
• EditorConfig for VS Code

Uso/Exemplos

• Ao rodar o comando npm run lint: check ele executa o linting no código, mas apenas em modo de verificação, o que significa que não fará alterações no código, mas apenas relatará quaisquer problemas encontrados de acordo com as regras definidas no arquivo de configuração do linting. Isso é útil em pipelines de integração contínua (CI) ou antes de enviar o código para revisão, pois permite detectar problemas de código antes que se tornem problemas maiores.

npm run lint: check

• O comando abaixo altera todos arquivos encontrados na execução do comando npm run lint:check. Realiza as alterações de acordo com a formatação definida previamente. Os arquivos modificados aparecem com cores diferentes na saída do terminal.

npm run lint:fix

Licença

MIT

Tipografias

• Poppins
• Roboto

Logo

https://www.figma.com/proto/e44W6zuYh3x8OZuyblFTwA/PetDev?type=design&node-id=977-2&t=gEteuBEyDq2fq7yV-1&scaling=min-zoom&page-id=42%3A2&mode=design

Cores

https://www.figma.com/proto/e44W6zuYh3x8OZuyblFTwA/PetDev?type=design&node-id=60-345&t=tK7hdCszO3SmG1rK-1&scaling=min-zoom&page-id=60%3A341&mode=design

Protótipo

https://www.figma.com/proto/e44W6zuYh3x8OZuyblFTwA/PetDev?type=design&node-id=556-2&t=LxBxQ7gPUkzwXa6D-0&scaling=scale-down-width&page-id=51%3A53&starting-point-node-id=556%3A2

Visual Hierarchy

F-Pattern

Versão final

https://pet-dev.vercel.app/

Commit

Cada mensagem de commit consiste em um cabeçalho, um corpo e um rodapé. O cabeçalho tem um especial formato que inclui um tipo, um escopo e um assunto.

O cabeçalho é obrigatório e o escopo do cabeçalho é opcional.

Qualquer linha da mensagem de confirmação não pode ter mais de 100 caracteres! Isso permite que a mensagem seja mais fácil para ler no GitHub, bem como em várias ferramentas do git.

O padrão a ser seguido nas mensagens são os seguintes:

• build: alterações que afetam o sistema de compilação ou dependências externas.
• ci: Alterações em nossos arquivos de configuração de CI e scripts.
• docs: Alterações somente na documentação
• feat: Um novo recurso
• fix: Uma correção de bug
• perf: Uma alteração de código que melhora o desempenho
• refactor: uma alteração de código que não corrige um bug nem adiciona um recurso
• style: alterações que não afetam o significado do código (espaço em branco, formatação, ponto-e-vírgula ausente, etc.)
• test: adicionando testes ausentes ou corrigindo testes existentes

Autores

• Amanda Gabriele da Silva - 823112028
• Arthur do Valle - 12623115813
• Franciely Jamily - 13523113789
• Guilherme Pires - 1072417042
• Jessica Castro - 1352323326
• Júlio César de Brito Herculano - 13523113793
• Marcelo Henrique Silvestre - 1352312397
• Mauro da Silva - 822231929
• Natalia Paes - 322211281
• Paulo Felipe - 12723134432
• Thiago Bignardi Galvão - 822148894
• Vinicius Aguiar De Oliveira - 323112984