# 🚴 VeloTech - Loja de Equipamentos de Ciclismo ## 👤 Informações do Aluno **Nome:** Carlos Santos **Disciplina:** PTGPSI 12º Ano **Escola:** Secundária Henriques Nogueira --- ## 📋 Sobre o Projeto **Nome do Site:** VeloTech VeloTech é uma plataforma de e-commerce especializada em equipamentos, acessórios e vestuário para ciclismo. O site oferece uma experiência completa de compra com navegação intuitiva, catálogo extenso de produtos e múltiplas opções de pagamento. --- ## 🏗️ Estrutura do Site ### **Cabeçalho** - Logo + Nome da Loja (VeloTech) - Menu de Navegação: Home | Produtos | Marcas | Blog | Contato | Carrinho | Ajuda --- ## 🖼️ Página Inicial - **Banner Principal:** Promoções, novidades e lançamentos - **Categorias em Destaque:** - Capacetes - Acessórios - Roupas de Ciclismo - Bicicletas - **Produtos Mais Vendidos/Recomendados** - **Depoimentos de Clientes** - **Botões de Ação (CTA):** "Compre Agora", "Ver Ofertas" --- ## 🛒 Catálogo de Produtos - **Fotos de Alta Qualidade:** Várias imagens por produto - **Informações do Produto:** - Nome, descrição detalhada e preço - Parcelamento disponível - Botão "Adicionar ao Carrinho" - **Filtros e Busca Por:** - Categoria - Preço - Marca - Tamanho - Tipo (MTB, Speed, Urbano, etc.) - **Recursos Adicionais:** - Autenticação de usuários - Mudança de linguagem: PT-BR e Inglês --- ## 🔍 Página de Produto - **Fotos e Vídeos do Produto** - **Descrição Técnica:** Peso, material, compatibilidade - **Avaliações e Comentários de Clientes** - **Produtos Relacionados:** "Quem comprou isso também comprou…" - **Opção de Quantidade e Botão "Adicionar ao Carrinho"** --- ## 💳 Carrinho e Pagamento - **Resumo da Compra** + Cálculo automático de frete - **Formas de Pagamento Seguras:** - Cartão de Crédito/Débito - MB Way - Multibanco - Transferência Bancária - **Confirmação de Pedido** --- ## 🚴 Categorias da Loja - Bicicletas (Speed, MTB, Urbanas, Infantis) - Capacetes - Roupas e Calçados - Luvas, Óculos e Acessórios - Peças (Freios, Pneus, Pedais, Selins, Correntes) - Ferramentas e Manutenção - Mochilas, Garrafas e Suportes - Eletrônicos (GPS, Luzes, Ciclocomputadores) --- ## 📞 Páginas Institucionais - **Sobre Nós:** História, missão e valores - **Contato:** E-mail, telefone, WhatsApp - **Rodapé:** Informações de contato e links úteis --- ## 📱 Usabilidade e Design - **Layout Responsivo:** Otimizado para celular, tablet e desktop - **Carregamento Rápido:** Performance otimizada - **Navegação Intuitiva:** UX centrada no utilizador - **Cores e Tipografia:** Inspiradas no ciclismo - Verde, Preto, Cinza, Amarelo, Azul --- ## 📈 Marketing e Fidelização - **Cadastro de E-mail:** Promoções e novidades - **Blog:** Dicas de ciclismo, manutenção e treinos - **Programa de Fidelização:** Pontos ou descontos especiais --- ## 🆘 Página de Ajuda - Contate-nos: Suporte ao cliente - FAQ: Perguntas frequentes - Guias de compra e manutenção --- ## 🛠️ Tecnologias Utilizadas Este projeto foi construído com: - **Vite** - Build tool de próxima geração - **TypeScript** - Tipagem estática para JavaScript - **React** - Biblioteca de UI - **shadcn-ui** - Componentes de UI reutilizáveis - **Tailwind CSS** - Framework CSS utility-first --- ## 🚀 Como Executar o Projeto ### Pré-requisitos - Node.js instalado ([install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating)) ### Passos ```sh # Passo 1: Clonar o repositório git clone # Passo 2: Navegar até o diretório do projeto cd velotechbikeyourself # Passo 3: Instalar dependências npm i # Passo 4: Iniciar o servidor de desenvolvimento npm run dev ``` O servidor estará disponível --- ## 📄 Relatório sobre o Site VeloTech é um projeto de e-commerce completo focado no mercado de ciclismo, oferecendo uma experiência de compra seamless com interface moderna, múltiplas opções de pagamento, e uma vasta seleção de produtos categorizados de forma lógica. A plataforma combina responsividade, performance e usabilidade para garantir satisfação do cliente em todos os dispositivos. # VeloSphere