Skip to content
This repository was archived by the owner on Oct 22, 2025. It is now read-only.

cakraawijaya/bookshelf-vue

Repository files navigation

Open Source Love License: MIT GitHub last commit Project Type

Bookshelf-Vue

Bookshelf-Vue is a Vue.js-based digital library application that features book management and catalog display.


Project Requirements

Part Description
Features • Create
• Read
• Update
• Delete
• Search
Framework • Bootstrap 5
• Vue.js 3
Tools • Visual Studio Code
• Node.js
VS Code Extensions • Prettier
• Vetur

Download & Install

  1. Visual Studio Code

    https://bit.ly/VScode_Installer
    

  2. NodeJS

    https://bit.ly/NodeJS_Installer
    



Get Started

  1. Open Terminal, then install Vue CLI globally:

    npm install -g @vue/cli

  2. Create a new project:

    vue create bookshelf-vue

  3. During setup, you will be asked:

    Question Option Selected
    ? Please pick a preset: > Default ([Vue 3] babel, eslint)
    > Default ([Vue 2] babel, eslint)
    > Manually select features
    Default ([Vue 3] babel, eslint)

  4. Download and extract this repository.

  5. Copy the directories: public and src.

  6. Copy the files: BACA.md, README.md, and LICENSE.txt.

  7. Paste and Replace into the bookshelf-vue directory.

  8. Open Terminal inside that directory.

  9. Install bootstrap to manage the appearance (layout):

    npm install bootstrap

  10. Install bootstrap-icons for icons:

    npm install bootstrap-icons

  11. Install vue-router to manage page routes:

    npm install vue-router

  12. To run the web, type the command:

    npm run serve

  13. Open your browser, then type -> http://localhost:8080/.

  14. Please access the features and enjoy [Done].



Deploy on Vercel

  1. Open the Vercel platform:  Click Here  , then register and log in first.

  2. Allow Vercel to access the repository.

  3. Upload the project to GitHub.

  4. Log in to the Vercel dashboard:  Click Here

  5. Click Add New Project.

  6. Select the desired GitHub repository.

  7. Click Deploy.

  8. To get a clean domain:  Click the Settings menu -> Select Domains -> Click the Edit button -> Click the Save button (*Optional).



Highlights

Home Catalog Search
home catalog search
Add Book Edit Book Delete Book
add-book edit-book delete-book



Appreciation

If this work is useful to you, then support this work as a form of appreciation to the author by clicking the ⭐Star button at the top of the repository.



Disclaimer

This application is the result of the development of the CAMP404 Course. I do not deny that I still use third-party services in this work, including: libraries, frameworks, and so on.



LICENSE

MIT License - Copyright © 2022 - Devan C. M. Wijaya, S.Kom

Permission is hereby granted without charge to any person obtaining a copy of this software and the software-related documentation files to deal in them without restriction, including without limitation the right to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons receiving the Software to be furnished therewith on the following terms:

The above copyright notice and this permission notice must accompany all copies or substantial portions of the Software.

IN ANY EVENT, THE AUTHOR OR COPYRIGHT HOLDER HEREIN RETAINS FULL OWNERSHIP RIGHTS. THE SOFTWARE IS PROVIDED AS IS, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, THEREFORE IF ANY DAMAGE, LOSS, OR OTHERWISE ARISES FROM THE USE OR OTHER DEALINGS IN THE SOFTWARE, THE AUTHOR OR COPYRIGHT HOLDER SHALL NOT BE LIABLE, AS THE USE OF THE SOFTWARE IS NOT COMPELLED AT ALL, SO THE RISK IS YOUR OWN.