Formação Desenvolvedor Moderno

Módulo: Front end https://devsuperior.com.br

Capítulo: Props, Rotas

DESAFIO: Rotas React

Forma de entrega: link do projeto no seu Github
Você deverá entregar um projeto ReactJS conforme design Figma abaixo. Veja o vídeo explicativo para mais
detalhes sobre o que deve ser feito.

https://www.figma.com/file/5cPiXC5sBQc4B4wIZKlI3i/Desafio-Rotas-React

Seu projeto deve ser criado usando o Vite.

Dica: use como base as aulas do tutorial e também dos exercícios resolvidos.

Critérios de correção
Todos critérios a seguir devem ser contemplados:

1) Três links da barra de navegação superior funcionando (Início, Produtos, Sobre nós).
2) Rota ativa da barra superior destacada na barra superior.
3) Link "home" (casinha no canto superior direito) funcionando.
4) Três links da barra de navegação de produtos funcionando (Computadores, Eletrônicos, Livros).
5) Rota ativa da barra de navegação de produtos destacada.
6) Página "Não encontrado" deve aparecer para qualquer rota não configurada.
7) As rotas, bem como as pastas dos componentes, devem seguir a seguinte hierarquia:
- "/"
- "home"
- "products/"
- "computers"
- "electronics"
- "books"
- "about"