README.md

🐾 Sistema de Gerenciamento Veterinário

Este é um sistema de gerenciamento para uma clínica veterinária. Ele inclui funcionalidades para a equipe da clínica (veterinários, auxiliares e administradores) e também uma landing page para apresentar informações sobre a clínica. A aplicação foi desenvolvida com os ensinamentos do curso de Front-End React da Softex Pernambuco.

📋 Funcionalidades

• Landing Page:

  • Apresentação da clínica e seus serviços.
  • Seção de contato.
  • Informações detalhadas sobre os benefícios e diferenciais da clínica.

• Sistema de Gerenciamento:

  • Cadastro e gerenciamento:
    • Pacientes (animais).
    • Tutores.
    • Estoque de produtos e medicamentos.
  • Atendimento:
    • Agendamento de consultas.
    • Internação e administração de medicamentos.
    • Alta de pacientes internados.

🚀 Tecnologias Utilizadas

• Front-end:

  • React.js
  • TypeScript
  • TailwindCSS

• Gerenciamento de estado e ferramentas adicionais:

  • Context API
  • Axios para chamadas à API
  • Biblioteca UUID para gerar identificadores únicos

• Autenticação e Banco de Dados:

  • Firebase (para autenticação com o Google e gerenciamento de dados)

📄 Utilização de API's

Rota: Cadastro de Tutor

• Endpoint: POST https://pi-t1-gp2-clinica.onrender.com/pet-owners
• Campos obrigatórios:
  • owners_cpf: CPF do tutor.
  • owners_name: Nome do tutor.
  • owners_rg: RG do tutor.
  • owners_contact: Contato do tutor.
  • owners_adress: Endereço do tutor.

Rota: Cadastro de Animal

• Endpoint: POST https://pi-t1-gp2-clinica.onrender.com/pets
• Campos obrigatórios:
  • pet_name: Nome do animal.
  • microchip_code: Código do microchip.
  • behavior: Comportamento do animal.
  • species: Espécie do animal.
  • gender: Gênero do animal.
  • age: Idade do animal.
  • breed: Raça do animal.
  • weight: Peso do animal.
  • physical_characteristics: Características físicas.
  • allergies: Alergias do animal.
  • diseases: Doenças pré-existentes.
  • owners_cpf: CPF do tutor associado.

🔄 Exemplos de Fluxos de Interação do Usuário

Fluxo 1: Cadastro de Pet e Visualização

1. Começando na Landing Page, é possível descer até o Footer e clicar em Gerenciamento.
2. Após isso, abrirá a tela de login para realizar a autenticação, após isso, será redirecionado para a tela de Gerenciamento da clínica.
3. O usuário pode acessar a página de cadastro de pet pela sidebar na página de gerenciamento.
4. Preenche os campos com informações do pet e clica em Cadastrar.
5. Após o cadastro, é possível voltar na tela home e acessar a página de visualização de Animais.

Fluxo 2: Internação e Alta de Pacientes

1. Na página de gerenciamento, o usuário acessa a seção Internações.
2. Seleciona um paciente já cadastrado e preenche o formulário de internação, incluindo:
   • Diagnóstico inicial.
   • Medicamentos a serem administrados.
3. Após registrar a internação, o paciente aparece na lista de internados.
4. Quando o paciente recebe alta, o usuário clica em Dar alta, preenche os detalhes e confirma a alta.

📸 Prints das Telas

Landing Page

Tela de Login

Página de Gerenciamento

---

📌 Como rodar o projeto localmente

1. Clone o repositório:

   git clone https://github.com/softexrecifepe/PI-MASCOTS-TURMA-07-EQUIPE-03.git

2. Instale as dependências:

   cd PI-MASCOTS-TURMA-07-EQUIPE-03
   
   npm i

3. Execute o projeto:

   npm run dev

Observação

Este é um projeto em desenvolvimento com intuito apenas acadêmico, novas funcionalidades podem ser adicionadas em versões futuras. Sinta-se à vontade para contribuir ou reportar problemas!

💻 Equipe de Desenvolvimento

Conheça a equipe responsável por desenvolver o sistema de gestão veterinária:

Davi Araújo

Claryssa Barros

Jonas

Hudney Brito