Bookmarker

⭐ Bookmark your favorite sites with ease! 🎉

The Bookmarker is a simple and elegant web application that helps you organize and manage your favorite websites. Save site names and URLs, validate inputs, and access your bookmarks anytime with local storage support.

---

Features

• Add Bookmarks: Save site names and URLs easily.
• Validation: Ensure valid site names and URLs with built-in input validation.
• Bookmark List: View and manage your saved bookmarks in a structured table.
• Visit Bookmarks: Open bookmarked sites in a new tab with a single click.
• Delete Bookmarks: Remove bookmarks you no longer need.
• Local Storage: Data is stored locally, so bookmarks persist between sessions.

---

How It Works

1. Add a Bookmark:

   • Enter the site name and URL in the form.
   • Click the "Submit" button to save it.

2. View Bookmarks:

   • Saved bookmarks appear in a table with options to visit or delete.

3. Visit a Bookmark:

   • Click the "Visit" button to open the site in a new tab.

4. Delete a Bookmark:

   • Click the "Delete" button to remove a bookmark from the list.

---

Installation and Usage

Requirements

• A modern web browser (e.g., Chrome, Firefox, Edge).

Steps

1. Clone the repository or download the files.
2. Open the index.html file in your browser.
3. Start bookmarking your favorite sites!

---

Technologies Used

• HTML: Structure of the web application.
• CSS: Styling using custom classes and external libraries.
• JavaScript: Input validation, local storage management, and bookmark functionality.

---

Code Details

HTML Structure

• The index.html file contains:
  • A navigation bar with a search field.
  • Input fields for site name and URL with validation alerts.
  • A table for displaying saved bookmarks.

JavaScript Functionality

• The main.js file handles:
  • Bookmark creation, validation, and deletion.
  • Data persistence using localStorage.
  • Dynamic table rendering for displaying bookmarks.

---

Future Enhancements

• Add tags or categories for better bookmark organization.
• Implement a search and filter feature for bookmarks.
• Enable users to edit existing bookmarks.
• Add dark mode for better accessibility.

---