Este repositório contém o código-fonte de uma landing page responsiva que simula a página inicial de um e-commerce especializado em smartphones e smartwatches. O objetivo principal do projeto é aplicar conceitos de HTML, TailwindCSS e TypeScript, criando uma estrutura bem organizada e estilizada, além de oferecer uma experiência visual atrativa para os usuários.
A página apresenta:
- 🎨 Design Responsivo: Adaptação a diferentes dispositivos (desktop, tablet e mobile).
- 🛒 Simulação de E-commerce: Elementos visuais e interativos que recriam uma experiência real de compra online.
- 🧩 Estrutura Clara: Navegação intuitiva e organização eficiente.
- HTML5: Para estruturar o conteúdo da página.
- TailwindCSS: Para estilização e design responsivo.
- TypeScript: Para adicionar interatividade e funcionalidades dinâmicas.
- Git: Para controle de versão.
- Vite: Para um ambiente de desenvolvimento rápido e eficiente.
-
Clone este repositório para sua máquina local:
git clone https://github.com/Adrwaan/Wecht.git
-
Acesse o diretório do projeto:
cd Wecht -
Instale as dependências necessárias:
npm install
ou
pnpm install
-
Inicie o ambiente de desenvolvimento:
npm run dev
ou
pnpm dev
-
Abra o navegador e acesse o endereço exibido no terminal.
- Design Responsivo: Uso do TailwindCSS para adaptar o layout a diferentes tamanhos de tela.
- Elementos Interativos: Botões e scripts simulando funcionalidades de um e-commerce.
- Organização Visual: Apresentação dos produtos de forma clara e atrativa.
Desenvolvido por Adrwaan.