Skip to content

smart-developer1791/react-open-library-index-desk

Repository files navigation

✦ Index Desk

React search and indexing workspace powered by the Open Library Search API

React TypeScript Tailwind CSS Vite Vercel License: MIT


✨ Highlights

  • Search Open Library by all fields, title, or author
  • Sort by relevance, newest, or oldest records
  • Local result index with language, full-text, public-scan, and edition filters
  • Reading shelf saved in localStorage
  • Focus record panel, top-shelf comparison, and query inspector
  • Book covers from Open Library Covers API
  • Vercel-ready static deployment

🛠️ Tech Stack

Layer Technology
Framework React 19
Language TypeScript 6
Styling Tailwind CSS 4
Icons lucide-react
Build Tool Vite 8
API Open Library Search API
Hosting Static deployment ready

🗂️ Project Structure

react-open-library-index-desk/
|-- public/
|   `-- favicon.svg
|-- src/
|   |-- lib/
|   |   `-- openLibraryApi.ts
|   |-- App.tsx
|   |-- index.css
|   |-- main.tsx
|   `-- vite-env.d.ts
|-- LICENSE
|-- package.json
|-- vercel.json
`-- README.md

🚀 Local Development

npm install
npm run dev

🏗️ Build

npm run build

🌐 Vercel Deployment

Deploy with Vercel

🔌 API Note

This project uses the Open Library Search API:

https://openlibrary.org/search.json

Covers are loaded from Open Library's Covers API using each book's cover_i identifier.

📄 License

MIT License. See LICENSE.

About

✦ React search and indexing workspace with Tailwind CSS 4, Open Library Search API, covers, local filters, and saved shelf comparison.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors