Library Project, view live
This was a project made for The Odin Project curriculum, further specifications can be found here
The main task was to give the user an opportunity to add new books with a form via JavaScript and link the DOM elements generated with an array, all of this using object constructors and I can say that this was a perfect opportunity to learn tons of new things!
- A button to toggle the read status of a book.
- A Button to delete a book from the page.
- A form to let the user create a new book.
- A function that updates the books on the page.
- To link the DOM elements with an array.
- How to work with objects and learned more about the 'this' keyword.
- Why and how to work with constructors.
- Better ways to manipulate the DOM.
- To link an array with a DOM element.
- How to make a modal and its functionality.
- To understand how to work with CSS variables in better ways.
- To build a dark mode theme using JavaScript and CSS.
- This was my first time using CSS pseudo-elements and I truly loved them!
- To use more complex CSS selectors.
- How to make a progress bar, style it and make it work with JavaScript.