https://github.com/omarrsakr/bookmarker-app
Bookmarker🔖📚 is an intuitive web app designed to streamline bookmark organization and management. With Bookmarker, users can save, categorize, and quickly search for their favorite links, utilizing tags, descriptions, and easy access across devices. Bookmarker delivers a clean, responsive interface that adapts seamlessly across screen.
https://github.com/omarrsakr/bookmarker-app
bootstrap5 css3 html5 iconmoon jquery js jsconfig-json sweetalert2
Last synced: 2 months ago
JSON representation
Bookmarker🔖📚 is an intuitive web app designed to streamline bookmark organization and management. With Bookmarker, users can save, categorize, and quickly search for their favorite links, utilizing tags, descriptions, and easy access across devices. Bookmarker delivers a clean, responsive interface that adapts seamlessly across screen.
- Host: GitHub
- URL: https://github.com/omarrsakr/bookmarker-app
- Owner: OmarrSakr
- Created: 2024-11-08T22:21:40.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-01-07T16:49:10.000Z (4 months ago)
- Last Synced: 2025-02-25T05:14:10.088Z (2 months ago)
- Topics: bootstrap5, css3, html5, iconmoon, jquery, js, jsconfig-json, sweetalert2
- Language: JavaScript
- Homepage: https://omarrsakr.github.io/Bookmarker-APP/
- Size: 327 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# 🚀🔖 Bookmarker - Your Go-To Bookmarking and Link Organization Platform
**`Bookmarker`** is a **versatile bookmarking platform** that helps users organize and `store links`, `webpages`, and `resources`, making it easy to manage and access them later.
This platform offers *`real-time bookmarking`*, including `searchable tags`, `Table Input`, and more.
The website features a clean and intuitive interface, allowing users to categorize their links, add descriptions, and easily retrieve their *`stored bookmarks`*.
Below are the main sections of the website👇:
---
## Live Demo 🌐
- Check out the live demo of the project at [**`Bookmarker Site.`**](https://omarrsakr.github.io/Bookmarker-APP/).
---
## 🚀 Features:
- `Add Bookmarks`: Users can add their favorite websites by providing a name and URL.
- `Bookmark Table`: A table displays all saved bookmarks with options to visit, edit, or delete.
- `Search & Sort`: A search bar allows users to filter bookmarks by name, and the sort button enables toggling between ascending and descending name order.
- `Responsive Design`: The design is mobile-friendly and adapts to different screen sizes.
- `Dark Mode Toggle`: The application supports light and dark modes for improved user experience.
- `SweetAlert Integration`: Utilizes SweetAlert2 for displaying interactive pop-up alerts.
---
## 🧑💻 Languages and Technologies Used
HTML5:
Structure and content of the web pages.
CSS3:
Styling of the layout using custom styles.
JavaScript:
For handling form validation, bookmark functionality, and dynamic content management.
jQuery:
To simplify DOM manipulation.
Bootstrap:
For responsive grid system and UI components.
SweetAlert2:
For interactive, custom alert pop-ups.
---
## How to Use 🚀
We welcome `contributions` to **Bookmarking Site**! Here’s how you can help:
1. *Fork the repository* - Click the "Fork" button at the top right of the repository page.
2. *Clone your fork* - Use the command:
```bash
git clone https://github.com/OmarrSakr/Bookmarker-Site.git
---
## 📂 Project Structure
```
📂 yummy/
│
├── 📁 *assets/*
│ └── 🖼 *Imgs/* # Local images for recipes and UI
│ └── 🖼 *Fonts/*
│ └── 🖼 *2 Photo/* #For project
├── 🎨 *css/*
│ ├── 📝 *style.css* # Main stylesheet
│ ├── *sweetalert2.min.css* # SweetAlert Library for msg
│ ├── 🌐*bootstrap.min.css* # Bootstrap CSS for layout and styling
│ ├── 🌙*icomoon.css* # for Icons
├── 🧑💻 *js/*
│ ├── ⚙ *jQuery.js* # jquery.js Library
│ ├── ⚙ *jsconfig.json* # To make vsCode autocomplete jQuery
│ ├── *bootstrap.bundle.min.js* # Bootstrap JavaScript bundle
│ ├── *main.js # Main Js File
│ ├── *sweetalert2.min.js* # Main Js File
├── 📄 *index.html* # Main HTML file
└── 📕 *README.md* # Documentation
```
---
### 📌 Future Improvements
1- `Organize Bookmarks into Specific Categories`:
- Add a feature allowing users to organize websites into predefined categories (such as “Work,” “Education,” and “Entertainment”), making it easier to locate bookmarks by their classification.
2- `Sync with Personal Accounts`:
- Provide an option to save data on the cloud via personal accounts (such as Google or Facebook), enabling users to access their bookmarks from any device.
3- `Add Notifications and Reminder Features`:
- Introduce reminder notifications for users to revisit important links they may want to explore later.
4- `User Interface Improvements`:
- Enhance the design appearance and include a Dark Mode that adapts to different lighting conditions.
5- `Data Import and Export Options`:
- Include functionality for users to export their bookmarks to a file (such as CSV or JSON) or import from similar files, making it easy to migrate to the site or share links.
6- `Usage Analytics and Statistics`:
- Offer a page displaying statistics on the most visited sites and frequently used categories, providing users with insights into their browsing habits.
7- `Enhanced Security and Privacy`:
- Develop additional protections to secure stored data, such as data encryption and privacy assurance.
These improvements will make `Bookmark Platform` more effective and make the user experience more comprehensive and user-friendly.
---
### Important Notes 📢
- This project is a `Static website`.
- **Device Compatibility**: The app is designed to be responsive and works best on modern browsers. It is recommended to test on different devices for optimal performance.
- **Cache Management**: If you experience issues with data loading, try clearing your browser's cache or refreshing the page.
---
- 📪 `*Feedback*`: If you encounter any bugs or have suggestions for improvements,📨 `please reach out via` the contact information provided in `the README` or through the issue `tracker` on GitHub.