BookshelfApps

Tracking Your Reading Journey

Table of Contents

• Welcome to BookshelfApps
• About BookshelfApps
  • BookshelfApps' Mission
  • Why Choose BookshelfApps?
  • How to Use BookshelfApps?
  • Interested in Contributing? Join Us!
• Book Tracking Showcase
  • Main Showcase
  • Add book section
  • Moving bookshelves.
  • Doing a book search
• Access BookshelfApps' Code
  • Preparation Before Downloading
    • 1. Downloading BookshelfApps Repository
    • 2. Opening Repository in Your Preferred IDE
  • Running BookshelfApps Code with the Following Steps
• BookshelfApps Project Resources
• Creator
• Supported By

Welcome to BookshelfApps

Welcome to BookshelfApps, your personal book tracking platform.

About BookshelfApps

BookshelfApps is a personal project designed to help you track your reading journey. Built with Web Storage technology by utilizing localStorage, it offers usage where you don't have to worry that when you refresh your notes will disappear. Visit BookshelfApps at BookshelfApps.

BookshelfApps' Mission

BookshelfApps aims to provide a user-friendly platform for book enthusiasts, offering a wide range of features and high-quality content.

Why Choose BookshelfApps?

BookshelfApps distinguishes itself by offering accurate, up-to-date book tracking features in an easily accessible format.

How to Use BookshelfApps?

Explore BookshelfApps by regularly updating your book status. Gain full access to your bookshelf and other features to enhance your reading experience.

Interested in Contributing? Join Us!

We welcome contributions from anyone interested in improving BookshelfApps. Whether you want to be a contributor, provide feedback, or assist in technical development, there are various opportunities available.

Book Tracking Showcase

Main Showcase

The image below represents the main view of BookshelfApps.

Add book section

On the left section you can see there is a form to add books where if you add a book it will go to the bookshelf section on the right.

The image below is the image when the book is added to two different sections.

Moving bookshelves

When you click "Belum dibaca", your book will move to the top of the belum selesai dibaca section.

When you move, add or delete then the web storage will work under the screen you can see it as shown below.

Doing a book search

In the image below you can see that when you do a search it will show the book in the right section.

Access BookshelfApps' Code

Access the codebase of BookshelfApps for further development.

Preparation Before Downloading

Make sure you install the Visual Studio Code software and install the Live Server extension in Visual Studio Code on your computer:

• Visual Studio Code
• Live Server Extension VS Code

1. Downloading BookshelfApps Repository

You can download the BookshelfApps repository either by downloading the zip file from this repository (main), or by using the following command in the terminal:

$ git clone https://github.com/KhoirulHusein/BookshelfApps.git

2. Opening Repository in Your Preferred IDE

Open the BookshelfApps repository in your favorite IDE, such as Visual Studio Code, and navigate to the downloaded repository directory in the terminal.

$ cd BookshelfApps

Running BookshelfApps Code with the Following Steps

To run the project, execute the following command in the project directory:

1. Open a project and click to Go Live from the status bar to turn the server on/off.

2. Right click on a HTML file from Explorer Window and click on Open with Live Server.

3. Open a HTML file and right-click on the editor and click on Open with Live Server.

4. Hit (alt+L, alt+O) to Open the Server and (alt+L, alt+C) to Stop the server (You can change the shortcut form keybinding). [On MAC, cmd+L, cmd+O and cmd+L, cmd+C]

5. Open the Command Pallete by pressing F1 or ctrl+shift+P and type Live Server: Open With Live Server to start a server or type Live Server: Stop Live Server to stop a server.

BookshelfApps Project Resources

This project purely uses HTML, CSS, and JavaScript to use DOM and Web Storage.

Creator

• Khoirul Husein

Supported By

Not Available