https://github.com/dev-balmeida/alurageek

Desafio do Alura + ONE onde tivemos que criar um programa que irá adicionar novos card de produtos, limpar o formulário e excluir os cards quando clicar no ícone excluir.
https://github.com/dev-balmeida/alurageek

api css3 form html5 javascript json logica-de-programacao

Last synced: about 2 months ago
JSON representation

Desafio do Alura + ONE onde tivemos que criar um programa que irá adicionar novos card de produtos, limpar o formulário e excluir os cards quando clicar no ícone excluir.

• Host: GitHub
• URL: https://github.com/dev-balmeida/alurageek
• Owner: dev-balmeida
• Created: 2024-05-02T19:35:30.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-07T01:46:09.000Z (about 2 years ago)
• Last Synced: 2024-10-28T21:50:22.332Z (over 1 year ago)
• Topics: api, css3, form, html5, javascript, json, logica-de-programacao
• Language: CSS
• Homepage: https://b-e-a-t-r-i-z.github.io/alurageek/
• Size: 2.99 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# AluraGeek

>Status: **Finalizado** ✔️

## Bem-vindos ao meu AluraGeek!

![video](https://github.com/B-e-a-t-r-i-z/alurageek/assets/100288801/eaa5fd1a-f57c-4b70-82e4-c342f6ec9028)

![video_2](https://github.com/B-e-a-t-r-i-z/alurageek/assets/100288801/d7e414a8-29b2-4022-8c92-900ceb1f7152)

### **Descrição:** 

Desafio do Alura + ONE onde tivemos que criar um programa que irá adicionar novos card de produtos, limpar o formulário e excluir os cards quando clicar no ícone excluir.

#### Elementos principais da página:

- Cabeçalho;

- Formulário;

- Botão Guardar;

- Botão Limpar;

- Cards dos produtos;

- Botão excluir;

- Rodapé.

>#### Formulário:

> - Desenvolver o formulário que irá adicionar novos produtos inserindo o 'Nome', 'Valor' e o url da 'Imagem'.

>#### Botão Guarda:

> - Quando clicado irá pegar as informações no formulário e gerar um novo card do produto.

>#### Botão Limpar:

> - Quando clicado irá apagar as informações no formulário.

>#### Cards dos produtos:

> - Contém as informações sobre o produto, o nome, o valor, a imagem e o icone excluir.

>#### Botão excluir:

> - Quando clicado irá apagar o card da lista de produtos.

###### *Extra: deixar o programa responsivo.*