Skip to content

praaatik/savethisforme

Repository files navigation

Save This For Me

Never Lose a Website Link Again

Save This For Me is a web application that allows you to save and organize your bookmarks. You can create collections to group your bookmarks and keep them organized. You can also favorite bookmarks, edit them, and delete them.

Technologies Used

This project was built with:

  • TypeScript
  • React
  • Tailwind CSS
  • Material-UI

Purpose of the Project

Save This For Me was created as a hobby project to practice my coding skills and explore new technologies. As an avid internet user, I wanted to create a tool that would make it easier to organize and access my bookmarks. I hope this project can be helpful for others looking for a simple and effective way to manage their bookmarks.

Installation

  1. Clone the repository:

    git clone https://github.com/praaatik/savethisforme
  2. Install dependencies:

    cd savethisforme/
    npm install
  3. Start the development server:

    npm start

Usage

Creating a Collection

Collections are required to create bookmarks. To create a collection, click the "Add Collection" button in the top left corner of the screen. This will open a form where you can enter the collection name. Click "Add" to add the collection.

Editing a Collection

To edit a collection, click the pencil icon next to the collection you want to edit. This will open a form where you can update the collection name. You can save the collection, or delete the collection optionally from here.

Note that deleting the collection will delete all the bookmarks present inside of that collection.

Creating a Bookmark

To create a bookmark, click the "Add Bookmark" button in the center of the screen. This will open a form where you can enter the bookmark URL, and select a collection to add it to. You can also mark the bookmark as a favorite by clicking the heart icon.

Editing a Bookmark

To edit a bookmark, click the pencil icon on the bookmark you want to edit. This will open the same form used to create a bookmark, but with the current values pre-populated. Make your changes and click "Update" to update the bookmark.

Deleting a Bookmark

To delete a bookmark, click the delete icon on the bookmark you want to delete. You will be asked to confirm the deletion before the bookmark is removed.

Conclusion

Save This For Me provides a simple and intuitive way to organize your bookmarks. By using collections, you can group your bookmarks by topic or project, making it easy to find what you need. The ability to favorite, edit, and delete bookmarks makes it easy to keep your bookmarks up to date and relevant.

If you require any changes, please feel free to raise a pull request on this repository and I'll be happy to have a look. Additionally, if you encounter any bugs or issues while using the app, please raise an issue and I'll do my best to address it as soon as possible.