https://github.com/ikanurfitriani/bookshelf-apps

This website is a data management application using DOM and web storage that uses HTML, CSS and Javascript. This project is the final project, aka the final result of the Dicoding submission.
https://github.com/ikanurfitriani/bookshelf-apps

bookshelf data-management dom-manipulation html-css-javascript web-storage website

Last synced: 4 days ago
JSON representation

This website is a data management application using DOM and web storage that uses HTML, CSS and Javascript. This project is the final project, aka the final result of the Dicoding submission.

• Host: GitHub
• URL: https://github.com/ikanurfitriani/bookshelf-apps
• Owner: ikanurfitriani
• Created: 2024-05-18T03:00:26.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2024-05-18T15:07:21.000Z (9 months ago)
• Last Synced: 2024-11-28T06:09:39.407Z (2 months ago)
• Topics: bookshelf, data-management, dom-manipulation, html-css-javascript, web-storage, website
• Language: JavaScript
• Homepage: https://bookshelf-apps-by-ika.netlify.app/
• Size: 501 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Bookshelf-Apps

This website is a data management application using DOM and web storage that uses HTML, CSS and Javascript. This project is the final project, aka the final result of the Dicoding submission.

## Feature Description

- `Tambah Buku` atau `Add Book`: Users can add new books with title, author, year of publication, and status whether they have been read or not. Once added, the book will appear on the bookshelf according to its status.

- `Edit Buku` atau `Edit Book`: Users can edit existing book information, including title, author, year of publication, and finished reading status.

- `Hapus Buku` atau `Delete Book`: User can delete book from bookshelf.

- `Pencarian Buku` atau `Book Search`: There is a book search feature based on title, author or year of publication. Users can search for books based on certain keywords.

- `Rak Buku "Belum Selesai Dibaca"` atau `Unfinished Reading Bookshelf`: Displays a list of unfinished books. Users can move books to the shelf after reading. Apart from that, users can also edit and delete books from this shelf.

- `Rak Buku "Selesai Dibaca"` atau `Bookshelf "Completed Reading"`: Displays a list of books that have been completed reading. Users can move books to the shelf before they have finished reading them. Apart from that, users can also edit and delete books from this shelf.

- `Indikator Status Buku` atau `Book Status Indicator`: Each book is marked with read or unfinished status. This helps users to distinguish between books they have read and those they have not.

- `Dark Mode and Light Mode`: With dark and light modes, users can switch between two different layouts according to their visual preferences. Dark mode is usually easier on the eyes when using apps in low lighting conditions.

## Screen Capture Website

The following is a screen capture from the Bookshelf Apps Website:

- `Light Mode`

 

- `Dark Mode`



## Author

[@Ika Nurfitriani](https://github.com/ikanurfitriani)