Skip to content

resultados de busca em tempo real, sugestões guiadas e histórico persistente integrado à OpenLibrary API para uma experiência rápida, responsiva e prática

Notifications You must be signed in to change notification settings

rayssarrsilva/LiveSearch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📖 Live Search de Livros

🚀 O que é?

Um sistema de busca instantânea de livros que conecta diretamente com a OpenLibrary API.
Permite encontrar títulos e autores em tempo real, sem precisar recarregar a página, além de oferecer recursos de descoberta que ajudam mesmo quem não sabe exatamente o que procurar.


🎯 Por que foi feito?

Muitos sistemas de busca são lentos e não ajudam o usuário a descobrir conteúdos relevantes.
Este projeto foi desenvolvido para entregar uma experiência de busca prática, rápida e inteligente, resolvendo problemas como:

  • 🔎 Descoberta guiada: sugestões e categorias prontas (programação, design, romance).
  • Agilidade: resultados em tempo real, sem formulários ou refresh.
  • 🕘 Histórico útil: últimas pesquisas salvas automaticamente.
  • 📚 Contexto imediato: título, autor, ano e capa já exibidos no resultado.
  • 🎨 UX amigável: design responsivo com relevo moderno para navegação mais clara.

⚡ Desafios resolvidos

  • Integração direta com API pública (OpenLibrary).
  • Debounce para evitar buscas desnecessárias.
  • Highlight dinâmico do termo pesquisado.
  • Navegação por teclado (↑ ↓ Enter).
  • Histórico persistente com LocalStorage.
  • Estilização responsiva com Tailwind CSS.

🛠️ Tecnologias utilizadas

  • HTML → estrutura da aplicação.
  • CSS (Tailwind) → design responsivo e moderno.
  • JavaScript (React via CDN) → lógica do Live Search e integração em tempo real.
  • OpenLibrary API → fonte de dados.
  • LocalStorage → histórico persistente de buscas.

apresentação Livesearch livros

▶️ Como rodar

  1. Clone este repositório.
  2. Acesse a pasta /docs.
  3. Abra o arquivo index.html no navegador.
  4. ✅ O sistema já estará pronto para uso.

🌐 Deploy

Acesse online pelo GitHub Pages:
👉 rayssarrsilva.github.io/LiveSearchReact/


About

resultados de busca em tempo real, sugestões guiadas e histórico persistente integrado à OpenLibrary API para uma experiência rápida, responsiva e prática

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published