sales-website-model - Portfolio Project
Este repositório contém o código-fonte de um site de vendas modelo, desenvolvido como parte do meu portfólio pessoal. O projeto foi construído usando React, JavaScript, e Styled Components, com o objetivo de demonstrar minhas habilidades em desenvolvimento front-end e construção de interfaces de usuário modernas.
📋 Funcionalidades
Catálogo de Produtos: Exibe uma lista de produtos com imagens, descrições e preços.
Página de Detalhes do Produto: Mostra informações detalhadas sobre o produto selecionado.
Carrinho de Compras: Permite adicionar, remover e atualizar a quantidade de produtos.
Simulação de Checkout: Exibe o resumo do pedido e as opções de pagamento.
Responsividade: Layout ajustado para diferentes tamanhos de tela, proporcionando uma boa experiência em dispositivos móveis e desktops.
🛠️ Tecnologias Utilizadas
React: Biblioteca JavaScript para construção de interfaces de usuário baseadas em componentes.
JavaScript (ES6+): Linguagem de programação usada para a lógica do site.
Styled Components: Biblioteca para estilização de componentes com CSS-in-JS, permitindo a criação de componentes reutilizáveis e isolados.
⚙️ Como Rodar o Projeto
Pré-requisitos
Certifique-se de ter o Node.js instalado na sua máquina. Você pode verificar se o Node está instalado com o seguinte comando:
node -v
Passo a Passo Clone este repositório para sua máquina local: git clone https://github.com/vLecaBR/sales-website-model
Navegue até a pasta do projeto:
cd sales-website-model
Instale as dependências:
npm install
Inicie o servidor de desenvolvimento:
npm start
O projeto será aberto em http://localhost:3000 no seu navegador.
🖌️ Estilização com Styled Components A estilização do site foi realizada com Styled Components, permitindo o uso de CSS diretamente nos arquivos JavaScript, garantindo modularidade e evitando conflitos de estilo. Cada componente possui seu próprio estilo encapsulado, o que facilita a manutenção e expansão do projeto.
💡 Possíveis Melhorias Futuras
Integração com API de pagamento: Para realizar transações reais.
Sistema de Autenticação: Login de usuários e criação de contas.
Filtragem de Produtos: Filtros por categoria, preço, entre outros.
Avaliação de Produtos: Opção de os usuários deixarem avaliações e comentários nos produtos.
🖥️ Demonstração Ainda não disponível, mas em breve será implementado um link para uma demonstração ao vivo do projeto.
📬 Contato
Caso tenha dúvidas ou sugestões sobre este projeto, sinta-se à vontade para entrar em contato:
Email: vitartasleca@gmail.com
LinkedIn: Linkedin
Nota: Este projeto foi desenvolvido com fins educacionais e como parte do meu portfólio pessoal. Não há funcionalidades de pagamento real ou processamento de pedidos.
Licença
Este projeto está licenciado sob a licença MIT - veja o arquivo LICENSE para mais detalhes.
Espero que este projeto ajude a demonstrar minhas habilidades e que seja útil para quem estiver buscando inspiração para construir seu próprio site de e-commerce!