Description
Site de E-commerce Completo com Front-end Profissional - Others
Este projeto foi construído utilizando as seguintes tecnologias principais:
React: Uma biblioteca JavaScript popular para construir interfaces de usuário (UI) interativas e componentizadas.
TypeScript: Um superset do JavaScript que adiciona tipagem estática opcional ao código, ajudando a prevenir erros e melhorar a manutenibilidade.
Tailwind CSS: Um framework CSS "utility-first" para estilização rápida e customizável diretamente no HTML/JSX. A configuração do Tailwind está incluída no index.html e é usada extensivamente para estilizar todos os componentes.
HTML5 e CSS3: Estrutura básica da página e estilos (complementados pelo Tailwind).
JavaScript (ES6+): Utilizado para a lógica da aplicação, manipulação do DOM (indiretamente através do React), e funcionalidades como o tema claro/escuro.
React Router DOM: Para gerenciar a navegação e o roteamento entre as diferentes páginas da aplicação de forma client-side (SPA - Single Page Application).
React Context API: Usada para gerenciamento de estado global de forma simples, como o carrinho de compras (CartContext), lista de desejos (WishlistContext), autenticação mock (AuthContext) e o tema claro/escuro (ThemeContext).
ESM Import Maps: Utilizado no index.html para importar as dependências do React e React Router DOM diretamente de um CDN (esm.sh), simplificando a configuração do ambiente de desenvolvimento sem a necessidade de um bundler explícito (como Webpack ou Parcel) neste setup.
Google Fonts: Para carregar as fontes customizadas ('Playfair Display', 'Poppins', 'Inter') usadas no design.
LocalStorage API do Navegador: Usada para persistir dados como o conteúdo do carrinho, lista de desejos, tema selecionado (claro/escuro) e informações do usuário (mock) entre as sessões.
Site de E-commerce Completo com Front-end Profissional
available
units sold
Guaranteed purchase
