Book-Finder-Application-iNeuron Tailwind Templates

Book Finder Application Ineuron

A React and Tailwind CSS project for searching books via the Open Library API, developed during a Physics Wallah- iNeuron Internship. Features responsive design and real-time book data.

Book Finder Application - Physics Wallah šŸ”„šŸš€

hero

Book Finder Application

Show Your Support By Giving a ⭐ to this Repository

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.

šŸš€ Features

  • 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.

šŸ› ļø Tech Stack

Technology Description
āš›ļø React.js JavaScript library for building UI
šŸŽØ Tailwind CSS Utility-first CSS framework
šŸ“” Open Library API Fetches book data from Open Library

šŸ’» Machine Requirements

Ensure your system meets these requirements:

  • Node.js: Version 16 or later
  • npm: Version 8 or later
  • Browser: Chrome, Edge, or Firefox (latest versions)

šŸ“ø Screenshots

🌟 Homepage

🌟 Search Results

🌟 Book Details

🌟 Not Found


šŸŽ„ Live Demo and Video Walkthrough


šŸ“‚ Documentation

  • šŸ“œ System Architecture: View Architecture
    Overview of the system's structure, including components and interactions.

  • šŸ“˜ 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.

  • šŸ“Š Project Report (DPR): View PPT
    Summary of the application's features, architecture, and development process.


šŸ“Œ Installation

1ļøāƒ£ Clone the Repository

git clone https://github.com/ChinmayKaitade/Book-Finder-Application-iNeuron
cd Book-Finder-Application-iNeuron

2ļøāƒ£ Install Dependencies

npm install

3ļøāƒ£ Start the Application

npm run dev

šŸš€ Open http://localhost:5173 in your browser.


šŸŒ API Documentation

This application uses the Open Library API to fetch book details.
šŸ“– Explore Open Library API


šŸ“‚ Folder Structure

šŸ“¦ 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

šŸ¤ Contributions

We Welcome Contributions! We are grateful for the valuable contributions from our community. Please See Our CONTRIBUTING.md for more Details.


⭐ Stargazers

🌟 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!

šŸ”§ Forkers

šŸ“ Thank you for forking our project! Your interest and contributions help us grow and improve. We appreciate your support!


šŸ“œ License

šŸ“ This project is licensed under the Apache-2.0 License.


šŸ™Œ Acknowledgements

  • šŸ“– Open Library for the API.
  • šŸŽ“ Physics Wallah Pvt. Ltd. for the internship opportunity.
  • šŸ’™ React & Tailwind CSS for making UI development easy.

šŸ”— Connect with Me

Top categories

Loading Svelte Themes