Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/furkan-dogu/library-fe

This application allows users to list, add, edit, and delete books. Users can manage their books by entering details such as book name, author, ISBN number, publication year, genre, and cover image.
https://github.com/furkan-dogu/library-fe

axios javascript mui react

Last synced: 3 days ago
JSON representation

This application allows users to list, add, edit, and delete books. Users can manage their books by entering details such as book name, author, ISBN number, publication year, genre, and cover image.

Awesome Lists containing this project

README

        

# Book Management Application



## About the Project

This application allows users to list, add, edit, and delete books. Users can manage their books by entering details such as book name, author, ISBN number, publication year, genre, and cover image.

## Table of Contents

- [Features](#features)
- [Technologies Used](#technologies-used)
- [Project Skeleton](#project-skeleton)
- [Screenshots](#screenshots)

## Live Demo

[Book Management Application](https://library-fe-two.vercel.app/)

## Backend

- [Codes](https://github.com/furkan-dogu/Library_BE)
- [Live](https://library-be-two.vercel.app/)

## Features

- **Book Listing:** View all books in the collection.
- **Add New Book:** Easily add a new book with details like title, author, ISBN, publication year, genre, and cover image.
- **Edit Book Details:** Modify information for any book already in the collection.
- **Delete Book:** Remove unwanted books from the collection.

## Technologies Used

- React
- Axios for API requests
- Styling with [Material UI](https://mui.com/)

## Project Skeleton

```
Book Management Application (folder)
|
|----readme.md
SOLUTION
├── public
│ └── index.html
├── src
│ ├── assets
│ │ └── [images]
│ ├── components
│ │ ├── Cards.jsx
│ │ └── Modals.jsx
│ ├── helpers
│ │ └── modalStyle.js
│ ├── pages
│ │ └── Home.jsx
│ ├── App.js
│ ├── index.css
│ └── index.js
├── package.json
└── yarn.lock
```

## Screenshots





## Compatibility

The project is compatible with both wide-screen computers and mobile devices.