Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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.

▶️ 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

AltStyle によって変換されたページ (->オリジナル) /