https://github.com/mogoatlhe/library

Software application to mimic the addition and removal of books to/from them Library system. Implemented as part of The Odin Project Curriculum
https://github.com/mogoatlhe/library

css3 html5 javascript javascript-objects

Last synced: about 1 year ago
JSON representation

Software application to mimic the addition and removal of books to/from them Library system. Implemented as part of The Odin Project Curriculum

• Host: GitHub
• URL: https://github.com/mogoatlhe/library
• Owner: Mogoatlhe
• Created: 2022-01-15T17:26:26.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-01-17T23:05:04.000Z (about 4 years ago)
• Last Synced: 2025-01-08T01:35:36.442Z (about 1 year ago)
• Topics: css3, html5, javascript, javascript-objects
• Language: JavaScript
• Homepage: https://mogoatlhe.github.io/library
• Size: 294 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Library

## Purpose

Software application to mimic the addition and removal of books to/from them Library system. Implemented as part of [The Odin Project](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript/lessons/library) Curriculum

## Requirements

- [x] Add a Button that will bring up a form allowing users to input book details

- [x] Add a button for each book to remove the book from the library

 + HINT: use data-attribute and array index to link them

- Add a button to `change` its read status

## Technologies

- HTML5

- CSS3

- JavaScript

## Live Version

https://mogoatlhe.github.io/library - Not yet live

## Design

![](images/design.png)

## Lessons Learnt / Challenges Faced

Learnt about the `addEventListener`'s third optional property, which helped me to prevent triggering an event more than once