Este projeto foi desenvolvido pensando em uma loja online de tênis. Todo o projeto foi desenvolvido em React. Vou explicar as principais partes do código e a ideia geral por trás do projeto.
- Estrutura do Aplicativo (App.jsx):
- O componente principal é o
App, que atua como o contêiner principal da aplicação. - Utilizei a biblioteca "React Router" para gerenciar as rotas da aplicação, permitindo a navegação entre diferentes páginas.
- O layout inclui uma barra de navegação (
<Nav />), onde os usuários podem selecionar entre "Home", "Produtos" e "Sobre". Cada rota é definida no componente<Routes>, que direciona o usuário para a página correspondente.
- Páginas Individuais: Cada página é um componente React separado.
- A página "Home" (
Home.jsx) exibe um título e um parágrafo introdutório. - A página "Sobre" (
Sobre.jsx) apresenta o logotipo da loja e um espaço reservado para informações adicionais. - A página "Produtos" (
Produtos.jsx) lista vários modelos de tênis com imagens, nomes e preços.
-
Detalhes dos Produtos: A página "Produtos" é o ponto focal do projeto, representando uma loja de tênis. Cada produto é exibido em uma caixa individual com uma imagem, nome e preço. Os preços são mostrados para que os usuários possam visualizar as informações dos produtos.
-
Desenvolvimento Futuro: Para tornar o projeto completo, adicionamos descrições detalhadas para cada tênis, porém seria necessário acrescentar informações sobre tamanhos disponíveis, opções de compra e um carrinho de compras funcional. Além disso, pretendemos aprimorar o design e a usabilidade do site, tornando-o mais atraente e fácil de usar para os clientes.
Nosso projeto demonstra a criação de um site de comércio online simples em React, com potencial para expandir e aprimorar a funcionalidade. Foi uma ótima maneira de aplicar conceitos de desenvolvimento web, especialmente em relação ao uso do React Router para criar uma experiência de navegação fluida entre páginas.
Todo o projeto foi auxiliado por nosso mentor Wellington Cidade.
Link do projeto: https://projeto-1-n1w5.vercel.app/
Integrantes:
- Gabriel Augusto Maciel Toledo, RM: 551654;
- Gabriela Ferreira Marsiglia, RM: 551237;
- Guilherme Dejulio Milheiro, RM: 550295;
- Marcelo Tam, RM: 551771;
- Sabrina Flores Varela de Morais, RM: 550781.