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 com React, JavaScript e Styled Components, com o objetivo de demonstrar minhas habilidades em desenvolvimento front-end e na criação de interfaces modernas.
- 🛍️ Catálogo de Produtos: Exibe uma lista de produtos com imagens, descrições e preços
- 📄 Página de Detalhes: Informações detalhadas sobre cada produto
- 🛒 Carrinho de Compras: Permite adicionar, remover e atualizar quantidades
- 💳 Simulação de Checkout: Apresenta o resumo do pedido e opções de pagamento
- 📱 Design Responsivo: Adapta o layout a diferentes tamanhos de tela, oferecendo uma boa experiência em dispositivos móveis e desktops
- React – Biblioteca JavaScript para construção de interfaces baseadas em componentes
- JavaScript (ES6+) – Linguagem de programação utilizada na lógica do site
- Styled Components – Estilização com CSS-in-JS, permitindo componentes reutilizáveis e encapsulados
Certifique-se de que o Node.js esteja instalado na sua máquina. Para verificar, utilize o comando:
node -v
-
Clone este repositório em sua máquina local:
git clone https://github.com/vLecaBR/sales-website-model -
Acesse 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 automaticamente no navegador em: http://localhost:3000
A estilização do site foi feita utilizando a biblioteca Styled Components, que permite escrever estilos CSS diretamente nos arquivos JavaScript. Isso facilita a criação de componentes modulares, reutilizáveis e com estilos isolados, evitando conflitos.
- Integração com API de pagamento real
- Sistema de autenticação com login e criação de conta
- Filtros por categoria, faixa de preço, etc.
- Avaliações de produtos: sistema de comentários e notas pelos usuários
🚧 Ainda não disponível. Um link para a demo será adicionado em breve.
- Email: [email protected]
- LinkedIn: https://www.linkedin.com/in/victor-leca-vlkbr/
ℹ️ Este projeto foi desenvolvido para fins educacionais e de portfólio. Não possui funcionalidades reais de pagamento ou processamento de pedidos.
Este projeto foi desenvolvido para fins educacionais e uso de portfólio. Entrar em contato em caso de querer utilizar.
This repository contains the source code of a model sales website, developed as part of my personal portfolio. The project was built using React, JavaScript, and Styled Components to showcase my front-end development skills and ability to create modern user interfaces.
- 🛍️ Product Catalog: Displays a list of products with images, descriptions, and prices
- 📄 Product Detail Page: Shows detailed information about each product
- 🛒 Shopping Cart: Allows users to add, remove, and update quantities
- 💳 Checkout Simulation: Displays order summary and payment options
- 📱 Responsive Design: Layout adapts to different screen sizes, offering a good experience on mobile and desktop devices
- React – JavaScript library for building component-based user interfaces
- JavaScript (ES6+) – Programming language used for the site's logic
- Styled Components – CSS-in-JS library for modular and scoped styling
Make sure Node.js is installed on your machine. You can check by running:
node -v
-
Clone the repository to your local machine:
git clone https://github.com/vLecaBR/sales-website-model -
Navigate into the project folder:
cd sales-website-model -
Install dependencies:
npm install -
Start the development server:
npm start
The app will open automatically at: http://localhost:3000
Styling was done using Styled Components, which allows writing CSS directly within JavaScript files. Each component has its own encapsulated styles, making the codebase easier to maintain and scale.
- Payment API integration for real transaction processing
- Authentication system for user accounts
- Product filtering by category, price, and more
- Product reviews and rating system
🚧 Not available yet. A live demo link will be added soon.
- Email: [email protected]
- LinkedIn: https://www.linkedin.com/in/victor-leca-vlkbr/
ℹ️ This project was developed for educational purposes and portfolio use. It does not include real payment functionality or order processing.
This project was developed for educational purposes and portfolio use. Please contact us if you would like to use it.