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

https://github.com/sinantech/library-app-frontend

🧳Basic FrontEnd CRUD Ops For Library Management System
https://github.com/sinantech/library-app-frontend

crud css frontend fullstack-development html react vite

Last synced: about 1 month ago
JSON representation

🧳Basic FrontEnd CRUD Ops For Library Management System

Awesome Lists containing this project

README

          

# Library App (Frontend)

Library App is a React-based frontend application for managing library resources like authors, publishers, books, categories, and borrowing transactions. It communicates with a backend API to perform CRUD operations.

## Features

- Add, edit, and delete **Authors**
- Add, edit, and delete **Publishers**
- Add, edit, and delete **Books**
- Organize and manage **Categories**
- Borrow and return **Books**

## Installation

Follow these steps to set up the project locally:

1. Clone the repository:
```bash
git clone https://github.com/sinantech/Week16GraduationProject.git
```

2. Navigate to the project directory:
```bash
cd Week16GraduationProject
```

3. Install the dependencies:
```bash
npm install
```

4. Start the development server:
```bash
npm run dev
```

Open your browser and go to `http://localhost:5173` to view the app.

## Usage

- **Authors**: Add or manage authors in the "Authors" section.
- **Publishers**: Manage publisher details from the "Publishers" section.
- **Books**: Add or edit book information, including author, category, and publisher details in the "Books" section.
- **Categories**: Manage book categories from the "Categories" section.
- **Borrowing**: Track and manage book borrowings in the "Borrowing" section.

## Project Structure

- `src/`: Source files of the application
- `components/`: React components
- `assets/`: Style files and other assets
- `App.jsx`: Main application component
- `main.jsx`: Entry point of the application

## Technologies Used

- **React**: Frontend framework
- **Axios**: HTTP client for API requests
- **React Router**: Client-side routing
- **Material-UI**: UI components
- **HTML**: Structural markup language
- **CSS**: Styling and design
- **JavaScript**: Dynamic functionality
- **React**: User interface components
- **Vite**: Development and build tool

## Contributing

Contributions are welcome! If you'd like to contribute, please follow these steps:

1. Fork the repository.
2. Create a feature branch (`git checkout -b feature/your-feature`).
3. Commit your changes (`git commit -m "Add feature"`).
4. Push to the branch (`git push origin feature/your-feature`).
5. Open a Pull Request.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

## Author

Developed by Sinan Can Ozer.

## Website

Click the link below for the site...

https://libraryappsinantechs.netlify.app