Skip to content

a-natureza/Mini-Projeto-Meus-Interesses

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mini-Projeto: Meus Interesses

Logo

Este mini-projeto consiste em uma aplicação simples para gerenciar uma lista de interesses ou hobbies utilizando HTML, CSS e JavaScript. A aplicação permite adicionar novos interesses, marcar como concluídos, editar e deletar interesses, além de exibir uma notícia do dia.

Funcionalidades

  • Adicionar novo interesse ou hobbie.
  • Marcar interesse como concluído.
  • Editar o texto de um interesse existente.
  • Deletar um interesse da lista.
  • Limpar toda a lista de interesses.
  • Exibir uma notícia do dia na seção de notícias.

Estrutura do Projeto

O projeto está estruturado da seguinte maneira:

  • index.html: Contém a estrutura HTML da página, incluindo os elementos principais como formulário de adição de interesse, lista de interesses e seção de notícias.
  • index.css: Arquivo CSS para estilizar a página, incluindo responsividade e layout dos elementos.
  • index.js: Arquivo JavaScript que implementa a lógica da aplicação, incluindo manipulação do DOM, eventos e interação com o localStorage para persistência dos dados.

Acessar diretamente

Meus Interesses https://a-natureza.github.io/Mini-Projeto-Meus-Interesses/

Como Usar

  1. Clone o repositório para sua máquina local.

  2. Abra o arquivo index.html em seu navegador web.

  3. Use o formulário para adicionar novos interesses digitando no campo de texto e clicando no botão "Adicionar".

  4. Marque um interesse como concluído clicando na caixa de seleção ao lado do interesse.

  5. Edite um interesse clicando no botão "Editar" ao lado do interesse desejado.

  6. Delete um interesse clicando no botão "Deletar" ao lado do interesse desejado.

  7. Limpe toda a lista de interesses clicando no botão "Limpar lista".

  8. A notícia do dia será exibida automaticamente na seção de notícias ao carregar a página.

Tecnologias Utilizadas

  • HTML
  • CSS
  • JavaScript
  • API do IBGE para busca de notícias http://servicodados.ibge.gov.br/api/v3/noticias/?tipo=release

Autora

Este mini-projeto foi desenvolvido por Alana Daniele na Semana 05 do Módulo 2 do curso FuturoDEV de Análise e Desenvolvimento Web, uma parceria do LAB365, Senai, ACATE e Prefeitura de Florianopólis. Neste mini projeto, criei uma página para adicionar interesses e hobbies, sendo possível armazenar os dados para ter acesso a qualquer momento. Podemos escrever e adicionar o interesse, além de editar ou deletar. Nesse projeto, tem uma seção de notícias de destaque do dia, parecido como um “card” de anuncio patrocinado.

Licença

Este projeto está licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published