Bookshelf Apps

Client

Dicoding

Duration

Jun 2021 - Jul 2021

Category

Web Development

Client

Dicoding

Duration

Jun 2021 - Jul 2021

Category

Web Development

Client

Dicoding

Duration

Jun 2021 - Jul 2021

Category

Web Development

This project is my submission for the Dicoding Create Front-End Web for Beginners Course. I use media queries to customize layouts on various device screen sizes and localStorage to store book data. Website contents are currently written in Bahasa Indonesia. Check out the demo here https://irfanjesia.github.io/bookshelf-apps-front-end/. Here are the criterias:

  • Bookshelf Apps must be able to add new book data, stored book data is a JavaScript object.

  • Bookshelf Apps must have 2 Bookshelves; "Not finished reading" and "Finished reading". "Not finished reading" only stores books which isComplete property is false. "Finished reading" only saves books which isComplete property is true.

  • Books displayed on the shelf must be able to be moved between the two bookshelves.

  • Books displayed on the shelf must be able to be removed.

  • Use localStorage in storing book data.


For this project I added a search feature to filter the books displayed on the shelves according to the book titles written in the search field and I also added a custom dialog confirmation when removing a book.

© Copyright 2023. Irfan Jesia Abyakta.

All rights Reserved.

© Copyright 2023. Irfan Jesia Abyakta.

All rights Reserved.

© Copyright 2023. Irfan Jesia Abyakta.

All rights Reserved.