Skip to content

Highly interactive Kiosk Library System which incorporates Human Computer Interaction design principles. Built with HTML, CSS & JavaScript.

License

Notifications You must be signed in to change notification settings

Lembani/kiosk-library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kiosk Library Management System

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.

Features

Users

This is a high fidelity prototype and it enables the user to perform the following actions:

  1. Checking out of Books
  2. Book reservations
  3. Borrow Books
  4. Return Books
  5. Locate Books
  6. Show the number of Books that have been borrowed
  7. Show the books that are available
  8. 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:

  1. Show Borrowed Books
  2. Show Reserved Books
  3. Show Available Books
  4. Show books that have not been returned after the agreed date.

Built With

  • HTML
  • CSS
  • JavaScript

Live Demo Link

The website is deployed using Github Pages. Click the Link to Live Demo

Getting Started

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.

Prerequisites

  • Web Browser: Google Chrome, Firefox or any other web on browser on your computer
  • Code editor: VSCode

Setup

git clone https://github.com/Lembani/kiosk-library.git
cd kiosk-library

Run the following commands to run linter tests

WebHint

npx hint .

StyleLint

npx stylelint "**/*.{css,scss}"

ESLint

npx eslint .

Usage

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.

Author(s)

👤 Lembani Sakala

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used

📝 License

This project is MIT licensed.

About

Highly interactive Kiosk Library System which incorporates Human Computer Interaction design principles. Built with HTML, CSS & JavaScript.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published