Atividade avaliativa de desenvolvimento de um crud com html+css+js usando armazenamento local ou externo

Informação geral

• disciplina: web design
• atividade: criar um aplicativo web com html, css e js que realize armazenamento de dados e construção de html dinamicamente.
• grupo: pode ser desenvolvido em grupo mas a apresentação será individual.

Instruções

• Fork desse repositório
• Criar e conectar um projeto no vercel ao repositório github
• Escolha um tema para aplicativo
• Construa o HTML + CSS estático
• Pegue o HTML estático correspondente ao dado dinâmico e crie um json no js
• Crie as funções de gerenciamento do dado (CRUD - create, retrieve, update, delete)
• Conecte ao repositório (interno ou externo)

Temas de Aplicativos Web Simples para Iniciantes

Aplicativos com Armazenamento Interno (IndexedDB)

1. Lista de Tarefas (To-Do List)

   • Recurso único: Adicionar, listar e marcar tarefas como concluídas
   • Armazenamento: IndexedDB

2. Bloco de Notas Pessoal

   • Recurso único: Criar, editar e deletar notas de texto
   • Armazenamento: IndexedDB

3. Lista de Compras

   • Recurso único: Adicionar e remover itens da lista de compras
   • Armazenamento: IndexedDB

4. Contador de Água Diário

   • Recurso único: Registrar copos de água consumidos no dia
   • Armazenamento: IndexedDB

5. Gerenciador de Links Favoritos

   • Recurso único: Salvar e organizar URLs favoritos
   • Armazenamento: IndexedDB

6. Diário de Humor

   • Recurso único: Registrar o humor diário com emoji
   • Armazenamento: IndexedDB

7. Lista de Filmes Assistidos

   • Recurso único: Adicionar filmes assistidos com avaliação
   • Armazenamento: IndexedDB

8. Contador de Hábitos

   • Recurso único: Marcar dias em que praticou um hábito
   • Armazenamento: IndexedDB

9. Lista de Livros para Ler

   • Recurso único: Adicionar livros e marcar como lido
   • Armazenamento: IndexedDB

10. Cronômetro de Estudos (Pomodoro)

    • Recurso único: Iniciar/pausar timer e registrar sessões
    • Armazenamento: IndexedDB

Aplicativos com API Externa

11. Consulta de CEP

    • Recurso único: Buscar endereço pelo CEP
    • API: ViaCEP

12. Previsão do Tempo

    • Recurso único: Mostrar clima atual de uma cidade
    • API: OpenWeatherMap

13. Conversor de Moedas

    • Recurso único: Converter valores entre moedas
    • API: ExchangeRate-API

14. Gerador de Citações Motivacionais

    • Recurso único: Exibir citações aleatórias
    • API: Quotable ou API Ninjas Quotes

15. Buscador de Receitas

    • Recurso único: Pesquisar receitas por ingrediente
    • API: TheMealDB

16. Catálogo de Pokémon

    • Recurso único: Listar e buscar informações de Pokémon
    • API: PokéAPI

17. Buscador de Usuários GitHub

    • Recurso único: Pesquisar perfis de usuários do GitHub
    • API: GitHub API

18. Gerador de Piadas

    • Recurso único: Exibir piadas aleatórias
    • API: JokeAPI

19. Consulta de País

    • Recurso único: Buscar informações sobre países
    • API: REST Countries

20. Galeria de Imagens Aleatórias

    • Recurso único: Exibir imagens aleatórias por categoria
    • API: Unsplash API ou Lorem Picsum

API fake sugeridas

• dummy
  • produtos
  • carinho de compras
  • receitas
  • usuários
  • postagens
  • comentários
  • tarefas
  • quotes
• fake store
  • produtos
  • carinho de compras
  • usuários
• json placeholder
  • comentários
  • postagens
  • usuários
  • fotos
  • albúns