https://github.com/lakshay1341/bookmanagement_rest_api
This is a Book Management System frontend built with HTML, CSS, and JavaScript that interacts with Spring-boot REST API to manage books. It allows users to add, update, and delete books dynamically.
https://github.com/lakshay1341/bookmanagement_rest_api
css html javascript lombok maven mysql rest-api spring-boot spring-data-jpa
Last synced: 3 months ago
JSON representation
This is a Book Management System frontend built with HTML, CSS, and JavaScript that interacts with Spring-boot REST API to manage books. It allows users to add, update, and delete books dynamically.
- Host: GitHub
- URL: https://github.com/lakshay1341/bookmanagement_rest_api
- Owner: lakshay1341
- License: mit
- Created: 2025-02-16T05:50:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-16T09:16:18.000Z (over 1 year ago)
- Last Synced: 2025-06-07T07:02:07.442Z (about 1 year ago)
- Topics: css, html, javascript, lombok, maven, mysql, rest-api, spring-boot, spring-data-jpa
- Language: Java
- Homepage:
- Size: 273 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📚 Book Management System
This is a **Book Management System** frontend built with **HTML, CSS, and JavaScript** that interacts with **Spring-boot REST API** to manage books. It allows users to **add, update, and delete books** dynamically.
---
## 🚀 Features
- 📚 Fetch and display books from a REST API.
- ➕ Add new books with a form.
- ✏️ Update book details using a modal.
- 🗑️ Delete books with a confirmation prompt.
- 🎨 Responsive UI with a clean design.
---
## 🛠️ Setup Instructions
### **1️⃣ Clone the Repository**
```sh
git clone https://github.com/lakshay1341/BookManagement_REST_API.git
cd BookManagement_REST_API
```
### **2️⃣ Start the Backend**
Ensure that the backend REST API is running. If using **Spring Boot**, start it with:
```sh
mvn spring-boot:run
```
### **3️⃣ Open the Frontend**
Simply open the `index.html` file in your browser.
---
## 📌 Usage
### ➕ **Add a New Book**
1. Click the `+ Add New Book` button.
2. Enter the **Title, Author, and Price**.
3. Click **"Add Book"**, and the book will be saved.
### ✏️ **Update a Book**
1. Click the **"Update"** button next to a book.
2. Modify the details in the update modal.
3. Click **"Update Book"**, and the changes will be saved.
### 🗑️ **Delete a Book**
1. Click the **🗑️ Delete** button.
2. Confirm the deletion, and the book will be removed.
---
## 🌐 API Endpoints
| Method | Endpoint | Description |
|--------|---------|------------|
| **GET** | `/api/book/all` | Fetch all books |
| **POST** | `/api/book/create` | Add a new book |
| **PUT** | `/api/book/modify` | Update a book |
| **FIND** | `/api/book/find/{id}` | Find a book |
| **DELETE** | `/api/book/remove/{id}` | Delete a book |
---
## 🖼️ Screenshots
### **📌 Home Page**
### **📌 Add Book Modal**
### **📌 Update Book Modal**
---
## 🛠️ Technologies Used
- **Frontend:** HTML, CSS, JavaScript (Vanilla JS)
- **Backend:** REST API (Spring Boot)
- **Database:** MySQL
---
## 🐝 Contributing
Contributions are welcome! Feel free to fork the repo and submit a pull request.
---
## 🐝 Issues
If you encounter any issues, please [open an issue](https://github.com/lakshay1341/BookManagement_REST_API/issues).
---
## 🐜 License
This project is open-source and available under the **MIT License**.
👨💻 **Developed by [Lakshay](https://github.com/lakshay1341)**
🌟 **If you like this project, give it a star on GitHub!** 🌟