Skip to content

The Reading Room is a React-based web application where book lovers can search for books, view detailed information, and explore their next read through a clean and responsive interface powered by the Google Books API.

License

Notifications You must be signed in to change notification settings

EMMMABK/BookStore

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Reading Room 📚


📖 Description

The Reading Room is a beautifully designed React web application tailored for book lovers who are eager to explore new books and immerse themselves in a world of stories, knowledge, and ideas.

This application connects seamlessly with the Google Books API to provide real-time access to an extensive library of books across various genres, authors, and publishers. With its intuitive interface, users can:

  • Search for Books: Easily search by title, author, or topic using the dynamic search functionality.
  • Explore Detailed Information: View in-depth details about books, including their title, author, publisher, published date, description, and price.
  • Interactive Experience: Click on interactive book cards to reveal a sleek modal window, where you can view more details and access a direct link to preview or purchase the book.
  • Enjoy a Responsive Design: The interface is designed to adapt perfectly to any screen size, ensuring a smooth user experience on desktops, tablets, and mobile devices.

Whether you're a casual reader, a student, or a bookworm, The Reading Room provides a gateway to explore and discover books like never before. With its elegant UI and seamless performance, this application turns your browsing into an enjoyable and visually pleasing journey.


🌟 Features

  • Search for Books: Instantly search for books by title, author, or keyword.
  • Detailed Book Information: Get insights about the book, including its title, author, publisher, published date, and description.
  • Interactive Book Cards: View book covers, prices, and titles on elegantly designed cards.
  • Modal Pop-up: Explore a book's details in a stylish modal pop-up with a preview link.
  • Responsive Design: Optimized for a seamless experience across devices, from desktops to mobile screens.

🚀 Technologies Used

  • Frontend: React.js
  • Styling: CSS with a clean, modern, and responsive layout
  • API: Google Books API for fetching book data
  • Icons: Font Awesome for interactive and aesthetic icons

🛠️ How to Run the Project

  1. Clone this repository to your local machine:

    git clone https://github.com/EMMMABK/BookStore.git
    cd BookStore
  2. Install dependencies:

    npm install
  3. Replace the placeholder YOUR_API in the Main.jsx file with your Google Books API key.

  4. Run the project:

    npm start
  5. Open the app in your browser at http://localhost:3000.


📸 Screenshots

ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot


🧑‍💻 Contribution

Feel free to fork this repository, make your changes, and submit a pull request! Contributions to improve the design, functionality, or documentation are always welcome.


📜 License

This project is open source and available under the MIT License.


Built with ❤️ by Book Lovers, for Book Lovers!

About

The Reading Room is a React-based web application where book lovers can search for books, view detailed information, and explore their next read through a clean and responsive interface powered by the Google Books API.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published