SaveLinks is a premium, lightweight, and privacy-focused bookmark manager that allows you to organize your favorite URLs into a beautiful, interactive card-based interface. Built with React, it offers a seamless user experience without the need for accounts or database storage—everything stays in your browser.
- Interactive Card UI: Organize links into vibrant, customizable cards.
- Smart Theming: Pick custom colors for your cards to categorize them visually.
- Auto-Favicon Fetching: Automatically retrieves high-quality favicons for a professional look.
- Drag & Drop Reordering: Effortlessly arrange your links using smooth drag-and-drop interactions.
- Encrypted Data Portability:
- Export your collection as encrypted
.txtfiles. - Secure sharing using a unique sender-receiver encryption key (powered by CryptoJS).
- Export your collection as encrypted
- Advanced Filtering: Quickly find links by category or title.
- Fully Responsive: Optimized for both desktop and mobile devices.
- Glassmorphism Design: Modern, sleek aesthetics with transparent layers and smooth transitions.
- Frontend: React.js
- Drag & Drop: @dnd-kit
- Encryption: Crypto-JS
- Icons: FontAwesome
- Styling: Vanilla CSS (Custom Glassmorphism Design)
- Tooltips: react-tooltip
- Deployment: GitHub Pages
| Dashboard Overview | Adding a New Card |
|---|---|
 |
 |
| Secure Export | Encrypted Import |
|---|---|
 |
 |
Follow these steps to run the project locally on your machine.
- Node.js (v14 or higher)
- npm or yarn
-
Clone the repository
git clone https://github.com/praveenjadhav1510/save-links.git
-
Navigate to the project directory
cd save-links -
Install dependencies
npm install
-
Start the development server
npm start
The app will be available at
http://localhost:3000.
- Add a Link: Click the Add Card (+) button, enter the URL and title, and pick a color.
- Organize: Use the Sort icon to filter by category or drag cards to reorder them.
- Edit/Delete: Toggle Edit Mode or Delete Mode from the footer to manage your cards.
- Export/Import:
- Use the Export button to create an encrypted backup.
- Use the Import button to restore your links or add links shared by others.
- Set Identity: Set your username in the user profile modal to enable personalized encryption.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Praveen Jadhav
- GitHub: @praveenjadhav1510
- Live Project: SaveLinks
Developed with ❤️ to make link management easier.