https://github.com/keerthanachowdary21/book-finder_aganitha

Book Finder
https://github.com/keerthanachowdary21/book-finder_aganitha

books react-hooks reactapplication reactjs styled-components

Last synced: 2 months ago
JSON representation

Book Finder

• Host: GitHub
• URL: https://github.com/keerthanachowdary21/book-finder_aganitha
• Owner: keerthanachowdary21
• Created: 2024-11-07T09:44:01.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-07T10:13:38.000Z (2 months ago)
• Last Synced: 2024-11-07T10:38:25.201Z (2 months ago)
• Topics: books, react-hooks, reactapplication, reactjs, styled-components
• Language: JavaScript
• Homepage: https://book-finder-aganitha.vercel.app
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Book Finder

## Overview

The **Book Finder** is a web application designed to help users search for books by their titles. It allows users to enter a book title in the search bar, fetches results from the Open Library API, and displays relevant book details like titles, authors, and covers. Users can also press "Enter" to search for books, making it more user-friendly.

## Library Management



## Features

- Search for books by title using the Open Library API.

- Displays book details such as title, author, and cover image.

- Responsive design optimized for different devices (mobile, tablet, laptop, etc.).

- Spinner animation to indicate data is being loaded.

- Displays a message when no books are found for a given search.

## Technology Stack

- **Frontend**: React.js

- **State Management**: React's built-in state management (useState, use effect)

- **Styling**:Styled Components

- **Data Fetching**: Fetch API (instead of Axios)

- **API**: Open Library Search API ([https://openlibrary.org/search.json](https://openlibrary.org/search.json))

## API Used

The application uses the Open Library Search API to fetch books based on a user's input. The API URL used is: