JVPCoder / app-lunar

Home Page:https://app-lunar.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🛒 Sneaker Peak - E-Commerce App | React & TypeScript

💡 O que foi usado na criação e implementação do projeto:

  • 🚀 Linguagem principal - TypeScript
  • ⚛️ Framework - React
  • 🎨 Estilização em - Tailwind CSS
  • 🌐 API Mock - JSON
  • ✏️ Design - Figma

📝 Resumo:

Este projeto é uma aplicação de e-commerce chamada Sneaker Peak, uma loja de tênis de coleção, direcionado a entusiastas do mundo de marcas de calçado. Desenvolvida em React e TypeScript, seguindo boas práticas de código e com comentários onde necessário.

🤔 Explicação para uso do site:

  • Unidades de Estoque: O objetivo do site é que não compre mais de um mesmo modelo de produto, a Sneaker Peak trabalha com produtos raros e entusiastas compram esses artigos de coleção não só para uso, mas também revenda futura, já que o preço dos produtos é flutuante e varia com o tempo.

🗂️ Páginas: Todas as páginas contam com Header e Footer

  • Home ('/'): Página inicial, onde exibe todos os produtos e um banner para possíveis redirecionamentos.
  • Details ('/details/:id'): Página de detalhe dinâmica correspondente com o produto escolhido pelo usuário.
  • Checkout ('/checkout') Página final que simula uma finalização de compras e faz cálculos de frete

⚙️ Funcionalidades Principais:

  • Listagem de Produtos: Página que exibe uma lista de produtos com nome, tamanho, preço e imagem.
  • Filtro de Produtos: Permite filtrar produtos por nome e faixa de preço clicando no botão de filtro.
  • Detalhe do Produto: Página que exibe informações detalhadas ao clicar em um título de produto.
  • Carrinho de Compras: Funcionalidade para adicionar produtos ao carrinho, exibindo o número de itens no cabeçalho da página.
  • Checkout: Página onde os usuários podem revisar os itens do carrinho e simular um pagamento.
  • Simulação de Pagamento: Permite inserir detalhes de pagamento fictícios e simular transações, mostrando mensagens de sucesso ou falha.

🔗 Link da prototipação inicial do projeto:

Design

🔗 Link do Projeto em funcionamento:

Deploy

🛡️ Licença:

Esse software é licenciado através da MIT license.

About

https://app-lunar.vercel.app


Languages

Language:TypeScript 64.7%Language:CSS 34.2%Language:HTML 0.6%Language:JavaScript 0.5%