WEBSITE ODS 12 - RELATÓRIO

Front-End - Projeto final

preview preview preview preview

Projeto criado baseado nos Objetivos de Desenvolvimento Sustentável (ODS) para o curso de Programação Front-End do segundo período.

Clique aqui para acessar nosso GitHub Pages! E clique aqui para acessar nosso GitHub Repository ;)

Nome do grupo: ODS 12

Objetivo do projeto

Divulgar o Objetivo de Desenvolvimento Sustentável 12, Consumo e produção sustentáveis, e impactar a sociedade ao adquirir conhecimentos sobre tal. É de extrema importância entender este objetivo para que possamos aquirir boas práticas e eventualmente construir um futuro melhor.

Descrição das funções JavaScript

Incluir os dados do formulário em uma lista e no Local Storage

Esta função é responsável por coletar os dados inseridos pelo usuário no formulário, armazená-los em uma lista e, em seguida, salvar essa lista no Local Storage do navegador. Isso permite que os dados do formulário sejam persistidos mesmo após o usuário fechar ou recarregar a página.

Excluir um item da lista e do Local Storage

Esta função permite ao usuário remover um item específico da lista de entradas do formulário. Quando um item é removido, a lista no Local Storage é atualizada para refletir essa alteração.

Excluir todos os itens da lista e do Local Storage

Esta função permite ao usuário limpar todas as entradas do formulário de uma vez. Isso é útil se o usuário quiser começar do zero.

Pesquisar um campo do formulário

Esta função permite ao usuário pesquisar um campo específico do formulário. Por exemplo, o usuário pode querer encontrar todas as entradas do formulário que contêm um determinado nome ou endereço de e-mail.

Limpar os campos do formulário

Esta função limpa todos os campos do formulário, permitindo ao usuário inserir novos dados sem ter que apagar manualmente os dados antigos.

Como ocorreu a divisão das tarefas entre os membros das equipes

  • Emanuele: Desenvolvimento HTML (estrutura) e Javascript (funções)
  • Larissa: Desenvolvimento HTML (revisão e ajustes), Formulário e Javascript (funções)
  • Maria Luisa: Desenvolvimento CSS (estrutura e revisão) e Figma (idealização da ideia)

Ferramentas e tecnologias

  • HTML
  • CSS
  • Javascript
  • Figma
  • Git & Github

Algum feedback?

Por favor, contate-nos! :D

Redes sociais da Larissa

Redes sociais da Emanuele

Redes sociais da Maria Luisa