This is a Library Management system that is supposed to be used at a self service kiosk by students to automate the work of the librarian. This Kiosk system is being developed by incorporating the design pricniples of Human Computer interaction.
Users
This is a high fidelity prototype and it enables the user to perform the following actions:
- Checking out of Books
- Book reservations
- Borrow Books
- Return Books
- Locate Books
- Show the number of Books that have been borrowed
- Show the books that are available
- Allow searching of Books
This is going to be used on a Kiosk, so this means it's going to be a touch screen.
The system should use icons that are meant for touch screens and should be accessible to be read by screen readers. The User interface should be optimised for touch screens.
The users of the system are students, the Adminstrator(Librarians), and members of staff.
Admin panel
Highlights:
- Show Borrowed Books
- Show Reserved Books
- Show Available Books
- Show books that have not been returned after the agreed date.
- HTML
- CSS
- JavaScript
The website is deployed using Github Pages. Click the Link to Live Demo
If you want a copy of this project go to the GitHub repository and download it from the link below.
To get a local copy up and running follow these simple example steps.
- Web Browser: Google Chrome, Firefox or any other web on browser on your computer
- Code editor: VSCode
git clone https://github.com/Lembani/kiosk-library.git
cd kiosk-library
WebHint
npx hint .
StyleLint
npx stylelint "**/*.{css,scss}"
ESLint
npx eslint .
Open the index.html file with your code editor of your choice and/or a browser of your choice.
Open the project using a live saver extension that can be found into your code editor.
👤 Lembani Sakala
- GitHub: @lembani
- Twitter: @lembani_
- LinkedIn: lembani-sakala
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Hat tip to anyone whose code was used
This project is MIT licensed.