Site Bookmark App using JavaScript Free Source Code

[Dude]

Introduction

This is a simple JavaScript Mini-Project entitled Site Bookmark Application. This is a web application that allows the end-users to easily store and retrieves the sites they wanted be bookmarked. It was developed using JavaScript, jQuery Library, and JS Local Storage API. It has a simple and pleasant user interface using the Bootstrap v5 Framework. It also consists of user-friendly features and functionalities.

How does the Site Bookmark App work?

The Site Bookmark Application does not require the end-user to log in or register to the application. The application uses the Local Storage API in JavaScript as the database which means the data will only be stored in the user browser. The users can organize their store site bookmarks by folder. The application can handle nested folders. Both folders and Bookmarked Sites contain CRUD (Create, Read, Update, and Delete) operations. The Add and Edit Forms for both folders and bookmarks are being displayed using the Bootstrap Modal. It also consists of a delete confirmation feature to prevent accidental deletion of the data.

Technologies

Here is the list of technologies used to develop the Site Bookmark App:

• HTML
  
• CSS
  
• JavaScript
  
• JS LocalStorage API
  
• Bootstrap Framework
  
• jQuery Library
  
• Fontawesome Icons
  

Features and Functionalities

Here is the list of features and functionalities of the Site Bookmark App:

• Folder Management
  • Add New Folder
    
  • Edit Folder
    
  • List Folder's Child Folders and Bookmarks
    
  • Delete Folder (w/ confirmation)
    
• Site Bookmarks Management
  • Add New Bookmark
    
  • Edit Bookmark
    
  • List Bookmarks
    
  • Delete Bookmark (w/ confirmation)
    
• Handles Multi-dimensional Folder
  

Application Snapshot

The Site Bookmark Application Project Source Code was developed mainly for educational purposes only and was never intended for commercial. The source code zip file is provided on this website and is free to download. Feel free to download and modify it to enhance your programming capabilities.

How to Run?

• Download and Install XAMPP or other equivalent software.
  
• Open the XAMPP's Control Panel and start the Apache server.
  
• Download the provided zip file. (download button is located below this article)
  
• Open your preferred browser that can run JavaScript such as Chrome.
  
• Browse the Site Bookmark App. i.e. http://localhost/js_site_bookmark
  

DEMO VIDEO

That's it! You can now explore the features and functionalities of the Site Bookmark Application. I hope this will help you with what you are looking for and that you'll find something useful from the source code for your future and current project.

Enjoy :)

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.

2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Download