Sobre o Projeto

Este é um projeto de e-commerce dedicado à venda de produtos do Harry Potter. O site foi criado usando JavaScript, HTML e CSS. Além da página principal de e-commerce, o site possui uma página dedicada para cada casa de Hogwarts, todas responsivas e otimizadas para uma ótima experiência do usuário.

O site é composto por várias páginas:

  • Páginas das Casas: Cada casa de Hogwarts tem sua própria página, permitindo que os usuários naveguem pelos produtos específicos de sua casa favorita. As transições entre as páginas foram cuidadosamente projetadas para uma experiência suave.
  • E-commerce (store-hp): A página principal exibe todos os produtos do Harry Potter disponíveis para compra.
  • Seleção de Casas: Esta página utiliza uma IA de reconhecimento facial, Teachable Machine, integrada ao site através de JavaScript. Isso permite uma experiência interativa e personalizada para os usuários.

Site

https://e-commerce-harry.netlify.app/store-hp/index.html

Pré-requisitos

Antes de começar, certifique-se de ter instalado:

  • Um navegador moderno (Chrome, Firefox, Safari, Edge)
  • Um editor de texto (VS Code, Sublime Text, Atom)
  • Node.js e npm (para pacotes JavaScript)
  • Git (para controle de versão)

Como Executar o Projeto

  1. Clone o repositório para a sua máquina local.
  2. Navegue até a pasta do projeto.
  3. Instale as dependências com npm install.
  4. Inicie o servidor de desenvolvimento com npm start.
  5. Abra o arquivo 'index.html' no seu navegador de preferência.

Contribuições

Contribuições são sempre bem-vindas. Para contribuir, por favor:

  1. Faça um fork do projeto.
  2. Crie uma nova branch para as suas alterações.
  3. Envie um pull request.

Licença

Distribuído sob a licença MIT. Veja LICENSE para mais informações.

Imagem do projeto

imag 1

Video do projeto

WhatsApp.Video.2023-11-21.at.10.43.37_6654618a.mp4