sashitharan / Book-List

First attempt towards Vanilla Javascript.

My BookList

Simple UI to keep track of the books you've read!

Book-List

Simple Book-List Project

Created a mini Book List project using:

1. HTML
2. Vanilla Js
3. Skeleton CSS

Features of the Project

1. User needs to input Book Title, Author and ISBN Number and submit.
2. Values created will be stored in the respective browser storage.
3. No backend servers are used. Purely made with javascript.
4. An Event Listener for delete was added to remove the stored data from LocalStorage and Show message to user.
5. User Prompt will be timed out after 3 seconds.

Main goal was to implement my knowledge on Javascript and code a Book list with Javascript ES5 and then converting it to ES6 (by replacing function constructors into classes and replacing prototype with methods).

Fork it, clone it and give it a try! Enjoy :)

Snippets

Main Screen.

Adding a book.

Book is added as seen in the browser log (Under Local Storage).

Upon clicking the 'X', Book is removed.

Validation case for Entry with empty fields 1.

Validation case for Entry with empty fields 2.