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.
- 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.
- 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
-
Clone this repository to your local machine:
git clone https://github.com/EMMMABK/BookStore.git cd BookStore
-
Install dependencies:
npm install
-
Replace the placeholder
YOUR_API
in theMain.jsx
file with your Google Books API key. -
Run the project:
npm start
-
Open the app in your browser at
http://localhost:3000
.
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.
This project is open source and available under the MIT License.