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

A Web App to Store Book Data, Like a Real-World Bookshelf
https://github.com/lukmanrambe/bookshelf-apps

book bookshelf-app bootstrap css html javascript local-storage tailwindcss

Last synced: 3 months ago
JSON representation

A Web App to Store Book Data, Like a Real-World Bookshelf

• Host: GitHub
• URL: https://github.com/lukmanrambe/bookshelf-apps
• Owner: LukmanRambe
• License: gpl-3.0
• Created: 2021-08-04T02:41:49.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2023-09-18T17:54:45.000Z (almost 3 years ago)
• Last Synced: 2025-06-05T09:42:06.626Z (about 1 year ago)
• Topics: book, bookshelf-app, bootstrap, css, html, javascript, local-storage, tailwindcss
• Language: JavaScript
• Homepage: https://myownshelf.netlify.app/
• Size: 45.9 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Bookshelf Apps

This app is a submission for Dicoding [Belajar Membuat Front-End Web untuk Pemula](https://www.dicoding.com/academies/315) online course.

We can store our books that we will read or have read and search the book by it's title, just like the real-world bookshelf. Recently added book will be stored in unfinished books list, we can move it to finished books list by clicking the finished button, vice versa. If we want, we can delete the book from the lists.

All of the books data will be stored in our browser's local storage.

# Web Pages

## Add Book Modal (Input)

![Add Book Modal](https://user-images.githubusercontent.com/66102026/167974568-978164c9-c450-44fe-88ac-311c0764e8c6.jpg)

## Books List

![Books List](https://user-images.githubusercontent.com/66102026/167974588-bba9272a-3b09-49f7-aa75-57466558df6e.jpg)

## Searched Book by Title

![Searched Book](https://user-images.githubusercontent.com/66102026/167974618-649649bd-b46a-45fa-94e2-c0b81745c88f.jpg)