Vocês devem criar uma interface de usuário em Angular que consuma uma API REST, fornecendo dados sobre as condições oceânicas, espécies ameaçadas, e projetos de conservação. A interface deve ser projetada para consumir dados da API, permitindo que os usuários realizem filtros dinâmicos por região, espécie, status de conservação, temperatura da água, pH e níveis de poluição, facilitando a exploração e visualização de informações específicas. Os dados filtrados deverão ser exibidos em formato de tabela na página.
- Faça um git clone para sua máquina
- Abra a pasta do projeto no vs code
- Abra o terminal do vs code
- Se não tiver dentro do projeto escreva no terminal "cd" e clique 2x a tecla tab, vá para o projeto
- Escreva no terminal npm install e dê enter
- Escreva no terminal ng serve e dê enter
- Para saber se deu certo aparecerá essa imagem no terminal
- Coloque a url "http://localhost:4200/" no seu navegador de preferência
- Essa é a navbar, a barra de navegação entre as rotas criadas
- Na página home não foi criado nada
- Na página Oceans Conditions temos
- Quando filtramos por região esse é o resultado
- Podemos também adicionar mais de um filtro, por exemplo região + nível de poluição, esse é o resultado
- Passando para a página Endangered Species temos
- Passando para a página Conservation Projects temos
- Não conseguimos fazer a filtragem dos campos na página Oceans Conditions, tentamos de tudo mas não deu certo, até deixamos alguns códigos comentados que foram tentativas falhas
- Não conseguimos fazer a filtragem de nenhum campo nas páginas Endangered Species e Conservation Projects
