https://github.com/emmmabk/bookstore
https://github.com/emmmabk/bookstore
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/emmmabk/bookstore
- Owner: EMMMABK
- Created: 2025-01-21T15:43:22.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-01-25T06:22:10.000Z (12 months ago)
- Last Synced: 2025-01-25T06:23:36.540Z (12 months ago)
- Language: JavaScript
- Size: 171 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/EMMMABK/BookStore.git
cd BookStore
```
2. Install dependencies:
```bash
npm install
```
3. Replace the placeholder `YOUR_API` in the `Main.jsx` file with your Google Books API key.
4. Run the project:
```bash
npm start
```
5. Open the app in your browser at `http://localhost:3000`.
---
## 📸 Screenshots
---
## 🧑💻 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](./LICENSE).
---
### Built with ❤️ by Book Lovers, for Book Lovers!