Challenge Front End - AluraGeek
O objetivo desse desafio foi desenvolver um e-commerce, desde a estilização utilizando HMTL e CSS até as funcionalidades, usando javascript.
HTML & CSS
- Design feito seguindo o modelo eviando via Figma (https://shorturl.at/lKLU5);
JAVASCRIPT
- Utilização do CRUD para comunicação com API;
- Sessão de cadastro e login de usuário;
- Sessão de cadastro de usuário;
- Sessão de visualização de todos os produtos;
- Sessão administrador, onde se pode ver, cadastrar, editar e apagar os produtos;
- Barra de pesquisa para filtrar pordutos por nome;
- página dinamica para mostrar detalhes e e produtos similares ao produto selecionado;
- Frases promocionais na página principal alternam automaticamente;
- Formulário envia a mensagem para app de e-mail.
- Campos de formulário e cadastro de produtos com validações de conteúdo.
The objective of this challenge was to develop an e-commerce, from styling using HTML and CSS to implementing functionalities using JavaScript.
HTML & CSS
-
Design created following the provided Figma template (https://shorturl.at/lKLU5). JAVASCRIPT
-
Utilization of CRUD operations to communicate with the API.
-
User registration and login section.
-
User registration section.
-
Viewing section for all products.
-
Administrator section where products can be viewed, added, edited, and deleted.
-
Search bar to filter products by name.
-
Dynamic page to display details and similar products to the selected item.
-
Promotional phrases on the main page alternate automatically.
-
Form submits the message to an email app.
-
Form fields and product registration with content validation.