Challenge ONE - E-Commerce AluraGeek

AVISOS IMPORTANTES - LEIAM ANTES DE TUDO, POR FAVOR

• Se clonarem o projeto, gostarem e aproveitarem algo que foi feito, deixem ao menos uma estrelinha aqui para eu saber que ajudei alguém de alguma forma.
• E lembrem-se de substituir o caminho da API (no meu caso, usei o Mockapi, conforme demonstrado na live de explicação do CRUD) no arquivo "servicos-produtos.js", já que ainda pretendo fazer algumas modificações.
• O formulário de contato ao final das páginas não envia a mensagem para lugar nenhum.

Sobre o Projeto Alurageek

A empresa AluraGeek está precisando trazer mais clientes e aumentar suas vendas, para isso desejam implementar um e-commerce e levar a empresa ao próximo patamar, se tornar mais digital. Para isso eles estão solicitando a nossa ajuda como desenvolvedores para criar o site seguindo alguns requisitos, conforme explicado em Requisitos.

Índice:

1. Requisitos
2. Como usar
3. Minhas implementações
4. Tecnologias utilizadas
5. Imagens do projeto
6. Status
7. Autora e contato
8. Licença

1. Requisitos

• Uma página inicial que contenha um botão "iniciar sessão" e um buscador de produtos oferecidos pela empresa.
• Um banner que contenha descontos, promoções, ou informações relevantes do momento.
• Uma galeria com as informações dos produtos como: a imagem, o nome do produto, o preço e um link que leva até a página de descrição do produto.
• Uma página do produto que contenha a imagem, o nome, a descrição e o preço.
• Um rodapé com formulário para contato e outras informações relevantes.
• Menu administrador para eles conseguirem adicionar, editar, buscar ou eliminar produtos da loja.

É muito importante que o site seja responsivo para dar aos clientes a facilidade de comprar através de dispositivos mobiles.

2. Como usar

• Basta acessar aqui.
  
• Para fazer login na área do menu do administrador, use o e-mail "alurageek@alurageek.com" e a senha "alur@Ge&k123" (apenas fictícios).
  
• Na área do administrador, é possível adicionar novos produtos, editar os já existentes e excluir algum produto (use esta última opção com cautela, por favor - deixei alguns produtos de teste que são livres para excluir/editar).

3. Minhas implementações

• Estilização ao passar o mouse sobre os links.
• Pop-up de confirmação quanto à exclusão dos produtos na página do Menu do administrador.
• Alterei algumas imagens, pois não encontrei mais algumas que estão no Figma.
• Favicon específico para cada página.

4. Linguagens/tecnologias utilizadas

5. Imagens do projeto

6. Status

• Primeira parte - estrutura e estilização;
  
• Próximos passos - exclusão do produto
  
• Próximos passos - página específica do produto: exibir informações do produto
  
• Próximos passos - página específica do produto: exibir produtos similares
  
• Próximos passos - função de busca do produto: fazê-la funcionar de modo a exibir os produtos conforme o usuário for digitando
  
• Próximos passos - aplicar desconto nos consoles
  
• Próximos passos - fazer com que, ao clicar no link "Ver tudo" em alguma das seções da página inicial, o usuário veja apenas os produtos da categoria selecionada
  
• Próximos passos - arrumar responsividade
  

7. Autora e contato

8. Licença

Em breve.