/PET-Manager--front-end

Front-End do projeto final do Lead Mentoring

Primary LanguageTypeScriptMIT LicenseMIT

🚧 Em Desenvolvimento 🚧


Pet manager logo


💻 Sobre o projeto

🐶 Pet Manager - É um projeto web para administração das informações de animais de estimação. Neste projeto são praticados os conhecimentos sobre Spring Boot, TypeScript, JPA e Angular. Suas funcionalidades são voltadas para a manutenção dos dados de animais de estimação, permitindo a interação com o usuário por meio de uma interface web feita com Angular que consome uma API desenvolvida com Spring Boot.

Projeto final do Lead Mentoring, projeto da LeadDell, e tem como objetivo implemntar todos os conceitos estudados durante a mentoria.


⚙️ Funcionalidades

  • Cadastrar animais de estimação
    • Tipo de animal, espécie e gênero
    • Nome, peso e confirmação de vacinação
    • Imagem do pet
  • Manipular Informações do Pet
    • Editar dados
    • Deletar dados
  • Pesquisar por pets
    • Filtrar por tipo de animal
    • Filtrar por peso
    • Filtrar por nome
  • Acessibilidade
    • Manipular o tamanho da fonte

🎨 Layout

NextLevelWeek NextLevelWeek


🚀 Como executar o projeto

Este projeto é divido em duas partes:

  1. Backend
  2. Frontend

💡Para que o frontend execute corretamente é necessário que o backend esteja executando

Pré-requisitos

  • Java JDK 13
  • Maven
  • Spring Boot
  • Servidor MySQL (as configurações e propriedades podem ser atualizadas)

Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Configurando o Backend (servidor)

# Clone este repositório
$ git clone https://github.com/VictorM-Coder/PET-Manager--back-end.git

# Configure o arquivo properties com os dados do seu servidor
spring.datasource.url= <url>
spring.datasource.username= <user>
spring.datasource.password= <password>

# Inicie a aplicação

# O servidor inciará na porta:8080 - acesse http://localhost:8080 

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone https://github.com/VictorM-Coder/PET-Manager--front-end.git

# Acesse a pasta do projeto e inicie a aplicação com
$ ng serve

# A aplicação será aberta na porta:4200 - acesse http://localhost:4200

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Frontend

Backend

Utilitários


✌️ Autor

Victor Martins


📝 Licença

Este projeto esta sobe a licença MIT.