Apresentação \ Tecnologias \ Funcionalidades \ Visão geral \ Instalação \ Deploy & Site

KingsMan

HackaDev: #GODev - Imã Learning Place

KingsMan é o resultado do projeto #HackaDev da escola de programação Imã Learning Place. Este projeto teve como objetivo avaliar as habilidades técnicas dos integrantes e também a capacidade de trabalho em equipe, organização, compromisso e pontualidade. Sendo assim, nos atentamos a todas as etapas de todo o processo de desenvolvimento, desde reconhecimento do perfil do cliente, experiência do usuário e adicionar funcionalidades não solicitadas com o intuito de obter o melhor resultado possível.

Membros:

Gustavo Alves - Monitor

Igor Anjos

Augusto Angelo

Gustavo Henrique

Simon Assagra

Este Projeto foi feito com React e não utilizou nenhum FrameWork em suas estilizações.

Algumas Libs de extrema importância para o funcionamento do site:

React Icons

React Router Dom

React Dom

Requisitos Obrigatórios:

• A aplicação deve ser mobile First.

• A aplicação deve ter uma boa usabilidade em desktop.

• A aplicação deve utilizar bem o CSS.

• Deve ser feito o Deploy utilizando o Netlify.

• Não deve utilizar Frameworks ou libs de Estilização.

• Deve apresentar para cada produto estas informações: imagem, nome, preço, descrição, status promocional, tamanhos disponíveis, selo promocional, preço promocional (se disponível).

• Deve ser possível adicionar itens no carrinho por tamanho.

• Deve ser possível visualizar os itens no carrinho com as informações: imagem, nome, preço, quantidade.

• Deve ser possível remover itens do carrinho de compras.

Requisitos Opicionais:

• O carrinho de compras deve persistir entre os reloads de páginas.

• Deve mostrar somente os tamanhos disponíveis na hora de adicionar no carrinho.

• Feature de busca em tempo real.

Funcionalidades Aplicadas por conta própria:

• Mostrar no catálogo somente produtos que estejam disponíveis.

• Pode-se adicionar e subtrair itens que já estão no carrinhos de compras.

• Opção de visualizar os produtos em pequena ou grande escala.

• Verificação para acessar o checkout somente com produtos no carrinho.

• Produtos em promoção com visualização personalizada.

• Verificação de quantidade disponível de itens para adicionar itens no carrinho.

• Suporte responsivo para tablets.

• Busca disponível para preços de itens em promoção.

• Busca Disponível por categoria de produtos.

• Todas as decisões relacionadas à arquitetura visual do site levaram em conta a Experiência do Usuário (UX)

• Verificação de login efetuado.

• Dados guardados em cache.

• Ir para página do produto ao clicar na foto dele no carrinho.

-Visão Geral-

Instalação e Scripts Disponíveis

Para conferir este código na sua máquina basta fazer um clone do repositório e baixar o código a partir dos comandos git padrão.

npm install

Rode este comando no terminal para instalar todas as dependências necessárias.

npm start

Rode este comando abrir um servidor local, na sua porta http://localhost:3000

ctrl + C

Rode este comando para finalizar a execução do servidor e liberar a sua porta.

Este projeto está hospedado no Netlify e pode ser acessado através do link: Kingsman