checked - save your links and check them later

Subscribe to my newsletter and never miss my upcoming articles

checked is a web application that can be used to save links and check them at later point of time.

Inspiration 💡

We come across a lot of articles while browsing that we find useful but don't have enough time to read each and every one of them at that particular moment. Also, we tend to open a lot of tabs while solving an issue that we encounter in our projects. This led me to build this app which can act like a list of links that we want to check later and instead of having to open multiple tabs, we can have all the links on a single page.

Demo

checked.gif

We just need to input the link that we want to save and click on the Save link button. The link gets saved and displayed in the form of lists. I've made use of local storage in this project so refreshing the page won't remove the saved links. Each link is followed by a Delete button which can be used to delete the link once you are done with that link.

I've deployed the project on Vercel and project code is open source on GitHub. Feel free to report any bug you encounter.

GitHub repo link: github.com/RaunaqChawhan/checked

Project link: checked-phi.vercel.app

Project working in short

Once I was sure about the core functionality of the application, I started building it. First, I saved the link and did a http request to get the HTML code of the link. I then separated the HEAD tag contents from the HTML and took the required contents to display on the page. The challenge while building this project was the CORS issue that restricted from getting the HTML code of the link. For that, I checked through the stack overflow answers and got to make it work using one of the solutions.

I've also made use of https://fakeimg.pl API in places where I was not able to fetch an image for a particular link.

Future plans for this project

The core functionality of saving a link and listing it out and able to delete it once we are done with the link is achieved but as we know there's always room for improvement so I've few of the features planned in my mind that I would be integrating in the future.

Please feel free to comment any specific feature that you would also love to see in this application.

Conclusion

This is my entry to the hackathon. I'm grateful to the Hashnode team for coming up with this hackathon that made me to come up this application.

Comments (2)

Marko Denic's photo

Hey Raunaq! I find this project really cool. Please, consider adding a few more sentences about the development process itself. I really enjoyed testing this app.

Thank you!

Raunaq Chawhan's photo

Thanks Marko! I'm really glad that you find this project cool and enjoyed testing it. Sure, I'll try to add few more sentences about the development process.