Projeto simulado do programa Jovens Tegranos - foco no frontend

  • By Ana Moreira
  • Last update: Dec 9, 2022
  • Comments: 0

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)

Github

https://github.com/thenamesgiu/Tegrafood-frontend