Mtendekuyokwa19 / LibraryManager

Utilizing use of Object oriented programming

Home Page:https://mtendekuyokwa19.github.io/LibraryManager/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Book Management System

Screenshot of the overall setup > Screenshot of the Web application taken using chrome dev tools

Short Description 🎲

A Book management system created for a user to keep track with all their current readings.A reader may add,delete and set reading statuses on their favourite reads.Built with HTML,vanilla CSS and vanilla Javascript.

Demo 🚴

click Live Preview to check it out!

Features and Aspects

  1. Entering a new read Screenshot of dialog box of entry > Screenshot of dialog entry box

  2. Removing a book Screenshot of deleted entry the book titled Acts of Apostles and others have been removed

  3. Setting reading status
    Reading status is not read Screenshot of reading status Reading status is read
    Screenshot of reading status

  4. Light Mode and Dark mode toogle

Technologies and Tools 🔧

  1. HTML
  2. vanilla CSS
  3. Vanilla Javascript
  4. Chrome Dev tools
  5. Git
  6. Google fonts
  7. Figma And Figma community
  8. Github Pages

What I learned 🎓

  • Objects, object Prototyping and Protocol Inheritance
  • DOM and DOM manipulation
  • Modular Programming

Motivation 🧠

  • Creation of this project was lead by need to manage my own reads and also other.
  • It was also a way to practice my DOM manipulation and Object prototyping skils

Credits 🤝

Future Update🔮

  1. Addition of memory
  2. fixing the create entry big and make create button unclickable using event.preventDefault()
  3. Charts and dates

About

Utilizing use of Object oriented programming

https://mtendekuyokwa19.github.io/LibraryManager/


Languages

Language:JavaScript 44.6%Language:CSS 34.9%Language:HTML 20.5%