This is a frontend project for the Book Finder Application developed as part of my internship at Physics Wallah Pvt. Ltd. The application allows users to search for books and get details about them using the Open Library API. The frontend is built using React and styled with Tailwind CSS.
- Search books by title, author, or subject.
- Fetch book details such as title, author(s), cover image, and publishing info.
- Responsive UI powered by Tailwind CSS.
- Fast API integration with Open Library API.
- User-friendly and lightweight application.
Technology | Description |
---|---|
βοΈ React.js | JavaScript library for building UI |
π¨ Tailwind CSS | Utility-first CSS framework |
π‘ Open Library API | Fetches book data from Open Library |
Ensure your system meets these requirements:
- Node.js: Version 16 or later
- npm: Version 8 or later
- Browser: Chrome, Edge, or Firefox (latest versions)
- π Live Application: Visit Book Finder App
- π¬ Video Walkthrough: Watch on YouTube
-
π High-Level Design (HLD): View HLD
A comprehensive overview of the system architecture and design decisions. -
π Low-Level Design (LLD): View LLD
Detailed technical specifications for components, APIs, and system flow. -
π Wireframe: View Wireframe
Visual representation of the application's layout and navigation. -
π Presentation (PPT): View PPT
Summary of the application's features, architecture, and development process.
git clone https://github.com/ChinmayKaitade/Book-Finder-Application-iNeuron
cd Book-Finder-Application-iNeuron
npm install
npm run dev
π Open http://localhost:3000 in your browser.
This application uses the Open Library API to fetch book details.
π Explore Open Library API
π¦ book-finder-app
βββ π public/ # Static assets
βββ π src/
β βββ π components/ # Reusable components
β βββ π App.js # Main app component
β βββ π index.js # Entry point
β βββ π tailwind.config.js # Tailwind configuration
β βββ π api.js # API call logic
βββ π package.json # Project dependencies
βββ π README.md # Documentation
We Welcome Contributions! We are grateful for the valuable contributions from our community. Please See Our CONTRIBUTING.md for more Details.
π Thank you for starring our project! Your support means a lot and helps us continue improving." Feel free to adjust it to match your tone and style!
π΄ Thank you for forking our project! Your interest and contributions help us grow and improve. We appreciate your support!
π This project is licensed under the Apache-2.0 License.
- π Open Library for the API.
- π Physics Wallah Pvt. Ltd. for the internship opportunity.
- π React & Tailwind CSS for making UI development easy.