Tegrafood-frontend
Projeto simulado do programa Jovens Tegranos - foco no frontend
A partir de um projeto disponibilizado na plataforma FIGMA, o repositório em questão apresenta uma estruturação frontend e manipulação de DOM. Há certeza de boa experiência em navegadores como Brave, Google Chrome, Internet Explorer e Microsoft Edge.
Durante sua experiência, será possível encontrar:
- Tela fake de login com restrições;
- Listagem de produtos;
- Carrinho de produtos.
É possível acessar a área de produtos tanto como um cliente quanto como um administrador. Para entrar como um administrador, na tela de login utilize qualquer tipo de e-mail (obedecendo o formato padrão de e-mail) que contenha "admin" ou "administrator", demais emails te redirecionarão para a área de cliente.
Para visualizar a listagem de produtos, devido ao uso de XMLHttpRequest é necessário que o projeto seja executado acompanhado de algum tipo de servidor, ainda, para a filtragem de produtos por tipo, é possível a presença de delay, para facilitar a experiência, você pode acessar o projeto completo por essa url: https://testing-food.000webhostapp.com/index.html (recomendável o acesso através de dispositivos desktop para essa url)
O projeto inicia-se na página de login, as direções a se tomar são autoexplicativas
Tecnologias utilizadas
- HTML5
- CSS3
- AJAX
- Javascript
- JSON
Por: Ana Giulia Moreira de Lima (thenamesgiu)