/A009--3-JS--Bookmarker

Bookmarker Web Application

Primary LanguageHTML

Bookmarker Web Application

The Bookmarker web application allows users to bookmark their favorite websites. Users can add a site name and its corresponding URL, and the application will display the list of bookmarked sites. The application provides validation for both site names and URLs to ensure proper input.

Features

  • Add new bookmarks by providing a site name and URL.
  • Validate site names to ensure they contain at least 3 characters.
  • Validate URLs to ensure they have a valid format (e.g., "example.com").
  • Prevent duplicate bookmarks from being added to the list.
  • Display the list of bookmarked sites with an option to visit each site or delete a bookmark.

Setup

  1. Clone the repository to your local machine.
  2. Open the index.html file in your web browser.

Usage

  1. Enter a site name and its corresponding URL in the input fields.
  2. Click the "Submit" button to add the bookmark to the list.
  3. The application will display an error message if the site name or URL is invalid.
  4. The application will prevent duplicate sites from being added.
  5. To visit a bookmarked site, click the "Visit" button next to the site name.
  6. To delete a bookmark, click the "Delete" button next to the site name.

Input Validation

  • Site Name: The site name must contain at least 3 characters.
  • Site URL: The site URL must have a valid format (e.g., "example.com").

Technologies Used

  • HTML5
  • CSS3 (with Bootstrap for some styling)
  • JavaScript (Vanilla JavaScript for DOM manipulation)
  • Font Awesome icons

Contributors

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code for personal and commercial purposes.