React + Vite

npm install

npm run dev

Manutencao

Tarefas:

___PRODUTOS

Devem ser incluidos mais 3 produtos relacionados no arquivo json
o json esta faltando os itens Categoria e o status
No Card dos produtos o fundo deve contrastar com o fundo do body, estao iguais as cores e uma bolinha vermelha deve aparecer se o status for false e verde se for true, isto pois vermelho representa mostruario e verde para venda.
o componente Card deve ser desestruturado e o nome das propriedades usados diretamente no corpo do arquivo.
o flex wrap para os cards em row deve ser aplicado

___API

o flex wrap para os cards em row deve ser aplicado
um componente separado do Card de produtos deve ser criado especifico para name, status, species, type, gender e image.
para o console.log("Esta pagina nao contem este personagem"), deve ser criado um componente de alerta ou aviso
na documentacao da api ha mais um parametro chamado name na url, e mais um input para filtro por nome, deve ser incluido ao lado do de paginas.

---DESAFIO => se sobrar tempo, no map do card com os personagens o index deve ser usado e implementado um modal q abra com um unico personagem e suas informacoes, o react-tilt ou o react-draggable devem ser usados.

___MAPA

usando o leaftlet e o react-leaft-let, fazer um mapa com a localizacao do Senai.

import 'leaflet/dist/leaflet.css';

import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css';

import "leaflet-defaulticon-compatibility";

___GRÁFICOS

Usando o react router dom, criar uma rota para acessar uma nova página contendo 2 gráficos de sua escolha referentes a biblioteca recharts.