Akatsuki's Shop - README

👥 Nomes dos Integrantes

• André Diogo Melchior da Silva
• Juan Pablo Firmino Ferreira
• Michael Akira de Lima Kuwahara
• Murilo de Oliveira Sartori
• Nickolas Lopes Araújo

🧑🏻 Professor

• PhD - Bruno Zolotareff dos Santos (DW-I: FATEC Diadema - Luigi Papaiz)

📝 Descrição do Projeto

Akatsuki's Shop é um e-commerce temático baseado na organização Akatsuki do anime Naruto. O site oferece diversos produtos inspirados nos personagens, incluindo acessórios, roupas e itens de colecionador.

Para acessar o projeto online clique AQUI 👈

💻 Tecnologias Utilizadas

• HTML5 - Estrutura de conteúdo do site
• CSS3 - Folha de estillos para estilização do site
• JavaScript - Interatividade e JSON para armazenamento de dados
• Bootstrap 5 - Framework para design e componentes responsivos
• Font Awesome 6 - Biblioteca para Ícones
• Google Fonts - Fonte Knewave e Inter

✨ Funcionalidades

🛒 Carrinho de Compras

• Adição de produtos ao carrinho com popup animado de confirmação
• Carrinho persistente usando localStorage
• Produtos não se repetem: ao adicionar o mesmo produto, a quantidade é incrementada
• Visualização do carrinho com lista de produtos, imagem, nome, valor e quantidade
• Cálculo automático do valor total do carrinho
• Finalização de compra e limpar carrinho

👤 Sistema de Login

• Login com validação de usuário e senha (dados simulados em localStorage)
• SessionStorage para manter o usuário logado durante a navegação
• Logout disponível na página de login

⚙️ Login Administrativo

• Usuário e senha para acesso administrativo que permite configurar e gerenciar o sistema
  
  User:

  admin

  Password:

  Administrator@123

🔒 Proteção de Ações

• Só é possível finalizar a compra se estiver logado (verificação automática)
• Redirecionamento para login caso tente finalizar compra sem autenticação

🔍 Navegação

• Barra de navegação responsiva
• Links para Home, Sobre Nós e Login
• Ícone de carrinho

🚀 Como Executar

Clone o repositório:

git clone https://github.com/FatecLP/Site-Naruto.git

Abra index.html no navegador

📚 Dependências

Adicionadas via CDN:

<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">

📜 Licença

Este projeto está licenciado sob a licença MIT - veja o arquivo LICENSE para detalhes.

Nota: Projeto educacional. Personagens pertencem a seus criadores.