🔖 bookmark-saver
bookmark-saver is a responsive, beginner-friendly web application that allows users to save, organize, and manage their favorite website links easily. The project is built entirely with HTML, CSS, and JavaScript, using localStorage to save bookmarks directly in the browser so that they remain available even after refreshing or closing the tab.
🧭 Description
Bookmark Saver provides a simple and efficient solution for managing frequently visited websites. Instead of using browser bookmarks, this app gives users full control to add custom website titles, store URLs, view them in a clean layout, and delete unwanted links anytime.
It’s lightweight, fast, and fully client-side — no server or database is required. The use of JavaScript’s localStorage ensures that all data stays stored locally, making it secure and offline-accessible.
This project is an excellent practice for front-end developers who want to enhance their understanding of:
DOM manipulation
Event handling
Local storage usage
Responsive design with CSS
✨ Features
🔗 Add bookmarks: Save any website with a custom title and link.
🗑️ Delete bookmarks: Remove any saved site instantly.
💾 Local storage: Bookmarks persist even after refreshing or closing the browser.
📱 Responsive layout: Works perfectly on desktops, tablets, and smartphones.
⚡ Lightweight and fast: No backend or frameworks — just pure HTML, CSS, and JS.
🚀 Live Demo https://Abdulrahmanvisit.github.io/Bookmark-saver/
🛠️ Technologies Used
HTML5 – Markup structure of the web app
CSS3 – Styling, layout, and responsiveness
JavaScript (Vanilla) – Dynamic interactivity and localStorage integration
💡 How to Use
Open the Bookmark Saver app in your browser.
Enter the website name and URL into the input fields.
Click the Save Bookmark button to add it to your list.
Click on any saved website name to visit it directly.
To remove a saved bookmark, click the Delete icon next to it.
📂 Installation (Run Locally)
Follow these simple steps to run bookmark-saver locally on your computer:
git clone https://github.com/Abdulrahmanvisit/Bookmark-saver.git
cd bookmark-saver Then open the index.html file in your browser.
🧠 Learning Objectives
This project is ideal for beginners aiming to:
Understand DOM manipulation and event listeners
Learn how to use localStorage for data persistence
Practice building responsive layouts with pure CSS
Strengthen JavaScript problem-solving and logical thinking
🤝 Contributing
Contributions are welcome!
If you’d like to contribute:
Fork the repository
Create a new feature branch (git checkout -b feature-name)
Commit your changes (git commit -m "Add new feature")
Push to the branch (git push origin feature-name)
Open a Pull Request