A simple and elegant Book Finder web application built using React + TypeScript + Vite. It uses the Open Library API to search for books and display their covers, authors, and publication details.
- Search Books: Search for books by title using Open Library API.
- Book Covers: Displays book covers dynamically (fallback placeholder if unavailable).
- Book Details Modal: Click on any book to view detailed information (author, publisher, year, etc.).
- Responsive UI: Clean layout that adapts well across desktop and mobile screens.
- Built with Vite: Fast and lightweight bundler for modern web projects.
- Frontend: React (TypeScript)
- Styling: CSS3
- Build Tool: Vite
- API: Open Library Search API
git clone https://github.com/your-username/book-finder.git
cd book-findernpm installnpm run devOpen http://localhost:5173 to view the app.
npm run buildnpm run previewTo deploy quickly:
npm install -g vercel
vercelThen follow the prompts — your project will be deployed instantly.
Endpoint:
https://openlibrary.org/search.json?title={bookTitle}
Example:
https://openlibrary.org/search.json?title=harry+potter
Shashank Shekhar Singh Frontend Developer | React | TypeScript | Vite 💼 GitHub: @Shashank2125
This project is open-source and available under the MIT License.