Skip to content

vLecaBR/sales-website-model

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published