Projeto desenvolvido pelo desafio da Alura sobre Front End, feito no decorrer de 4 semanas sobre um e-commerce e me aprofundando em diversas tecnologias.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | Meteora - Alura challenge |
| 🏷️ Tecnologias | javascript, html e css |
| 🚀 URL | https://www.meteora.com.br |
| 🔥 Desafio | https://url-do-desafio.com.br |
Durante o desenvolvimento do projeto diversos métodos foram aplicados para aprimorar e aperfeiçoar o resultado esperado. O site foi desenvolvido usando as tecnologias HTML5, CSS3 e Javascript, sempre pensando na melhor leitura do site por softwares auxiliares e até mesmo para indexação do conteúdo apresentado, tendo o escopo todo devidamente separado por suas tags.
Sempre focado em Mobile First desde a primeira até a última página, o HTML foi construído para 3 formatos de tela, sendo 375px (Mobile), 768px (Tablet) e 1440px (Desktop) mas se apresenta muito bem em qualquer formato inclusive mantendo as proporções na elasticidade, totalmente responsivo. Todo o modelo foi seguido de acordo com o design disposto no Figma e trabalhado semana a semana usando o método Kanban seguindo o desafio disposto no Trello.
Todo conteúdo da página é disposto dinamicamente por meio de uma (Fake) Rest API que foi mockada com o uso do json-server, dando a possibilidade ao usuário de acessar a página extra de administrador para adicionar, editar ou excluir um produto na loja, o que atualiza dinamicamente a lista de produtos a serem exibidos, por meio das rotas GET, POST, PATCH e DELETE.
Para conferir a página de administrador, clique aqui. Por padrão os 6 primeiros produtos foram travados para garantir uma boa usabilidade do site, logo, estes não podem ser editados nem deletados.