Giter VIP home page Giter VIP logo

booklend's Introduction

booklend-color-logo-small.jpg


BookLend is a web application that helps librarians to manage and access books and readers in an easy and efficient way. It provides librarians with dashboard where they can perform various tasks.

Live demo: ย  https://booklend.vercel.app/

Technologies

Project is built with:

Features

  • User Authentication ๐Ÿ™‹โ€โ™‚๏ธ: user can sign up and log in with email and password. The app uses JWT and refresh token for authentication. The axios custom instance handles the token refresh on every request to the server.
  • Localization ๐ŸŒ: user can switch between Polish and English language. The language preference is stored in the local storage and persists across sessions.
  • Book management ๐Ÿ“š: user can add, edit, delete, and categorize books, as well as monitor the inventory and availability of books.
  • Reader management ๐Ÿ‘ฅ: user can add, edit, and delete readers, lend books to readers, and see the list of borrowed books.
  • Account management โš™๏ธ: users can change their profile picture, email, and password from the dashboard. They can also log out or delete their account if they wish.
  • Search ๐Ÿ”: user can search for books or readers by various criteria, such as title, author, genre, or name. The search results are displayed in a paginated and sortable table and grid/list views, with filters and options to view, edit, or delete the items.
  • Responsive design ๐Ÿ“ฑ: users can access the application on various devices and screen sizes, thanks to the Material UI and styled components libraries. The layout and components adapt to the viewport width and orientation.

Screenshots

Localization

localization

Readers table and book list

readers table book list

Edit book (mobile)

edit book mobile

Reader page

reader page

Book page

book page

Lending the book and managing the book status (mobile)

lending the bookย managing the book status

Setup

Download or clone this repository.

Install dependencies: npm install

Start a local web server by running: npm start

Open http://localhost:5173 to view it in the browser.

booklend's People

Contributors

krzano avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.