Pesquisa de Frases em Tempo Real com Vue.js

Iniciante

Neste projeto, você aprenderá a construir uma aplicação web que permite aos usuários pesquisar e exibir frases bonitas da literatura em tempo real. A aplicação buscará os dados de um arquivo JSON e usará Vue.js para implementar a funcionalidade de pesquisa e exibir os resultados.

javascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como construir uma aplicação web que permite aos usuários pesquisar e exibir frases bonitas da literatura em tempo real. A aplicação buscará os dados de um arquivo JSON e usará Vue.js para implementar a funcionalidade de pesquisa e exibir os resultados.

👀 Pré-visualização

Web app search interface preview
Real time search results display

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como configurar o projeto e entender os arquivos e diretórios fornecidos
  • Como implementar a requisição de dados para buscar os dados do arquivo data.json
  • Como implementar a funcionalidade de pesquisa em tempo real para exibir as frases correspondentes
  • Como adicionar alguns toques finais ao projeto, estilizando a página web

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Configurar um projeto de desenvolvimento web com HTML, CSS e JavaScript
  • Usar Vue.js para construir uma aplicação web responsiva e interativa
  • Buscar dados de um arquivo JSON e exibi-los na página web
  • Implementar a funcionalidade de pesquisa em tempo real e destacar as palavras-chave correspondentes
  • Estilizar uma página web usando CSS para melhorar a aparência geral e a experiência do usuário

Professor

labby
Labby
Labby is the LabEx teacher.