DEV Community

loading...
Cover image for An URL Shortener Which Can Be Even Hosted on GitHub Pages with Help Of jsonstore.io : FossURL

An URL Shortener Which Can Be Even Hosted on GitHub Pages with Help Of jsonstore.io : FossURL

Palash Bauri πŸ‘»
Your Friendly Neighbourhood πŸ‘¨β€πŸ’» Scientist , πŸ›  Inventor, πŸ“ Writer. 2018 Google Code-in Finalist , Story Writer. Doing Some πŸ”­ Radio Astronomy.
・Updated on ・2 min read

Do you guys remember my old article :

In that article I discussed about building your own URL Shortener with jsonstore.io as database which can be even hosted on any Static Site Hosting Service even in GitHub/GitLab Pages.

Actually before writing that article I built an URL Shortener called FossURL and the article includes minimal code chunks to build bare-bones of your own URL Shortener.

GitHub logo bauripalash / fossurl

Your Own Url Shortner Without any fancy server side processing and support for custom url , which can even be hosted on GitHub Pages

. .

🌐 Open fossurl website

What is Fossurl

Fossurl is an simple URL Shortener Which Can Be Hosted For Free in Github/Gitlab Pages or in Static Site Hosting Service and It doesn't need you to buy any server!

🎯 Goal

Implementing a Simple URL Shortner which can be used without need of any hardcore server side processing and can be hosted on Static Site Hostings such as GitHub/Gitlab Pages

πŸ’» Stack

  • HTML
  • CSS
  • JavaScript
  • Database : jsonbox.io (Previously , jsonstore was used but several downtimes forced me to switch to jsonbox)

πŸ› οΈ Features

  • It's fast
  • It doesn't require any hosting server
  • You can use it just by forking the repo and running a script

πŸ‘» Wanna Help Improve It?

Steps:

  • Fork This Repo
  • Clone On Your Device or Open in Gitpod
  • On Linux cd to src direcotory and on Windows do whatever it's neccesary to change directory to src
  • If you're…

Even the project was trending on Product Hunt. After these incidents I got few contributors and many improvements was done!😊 Thanks To The All Contributors❀

What Was The Goal? 🎯

Actually The goal was to build a simple URL Shortener which can be hosted with GitHub Pages and doesn't need any costly server to host it, I knew it was not gonna be Super Secure because everything was done in client side.

What Was The Inspiration? 🌠

Ah Actually There was No Inspiration πŸ˜‚ , I was looking for a free URL Shortener with support for custom domain, at last I found some services but found that those had some limitations such as limited link creation per day, limited clicks and so on!
So , I decided I'll build my own URL Shortener! And now you can see the result!❀

I could have built that with Node , Python or PHP but I wanted something different but also simple.

What FossURL isn't πŸ˜‘

  • Super Turbo Nitro Fascinating Amazing Dazzling Fast πŸ˜‰
  • Most Secure URL Shortener of the universe πŸ˜‰

What's New In That So-called 'v2.0' 😎

  • Improved Speed
  • New UI inspired by dev.to
  • Removed All 3rd-party libraries

Screenshot πŸŽ‰

img

So, I guess that's enough for today, feel free to contribute to FossURL , It'll be so kind of you ❀


If You Like My Work (My Articles, Stories, Softwares, Researches and many more) Consider Buying Me A Coffee β˜• πŸ€—

Discussion (13)

Collapse
sleepyfran profile image
Fran GonzΓ‘lez

While it's a nice project the title and idea of the article is totally clickbaity. You're just hosting the front-end of the app in GitHub Pages, you can do that with any idea that you have and not just with an URL shortener. As long as you're using a server to store things, whether it's yours or not, it's not fully on GitHub Pages.

Collapse
bauripalash profile image
Palash Bauri πŸ‘» Author

Actually , I didn't intended to make the title like clickbait..

The main intention of the whole article was last two points ,

What FossURL isn't πŸ˜‘

And

What's New In That So-called 'v2.0'

At first I was thinking of title FossURL 2.0 Released but it was little awkward , so I shifted to the kind-of-tagline.

I apologise for any inconvenience.

Collapse
bauripalash profile image
Palash Bauri πŸ‘» Author

I changed the title mentioning jsonstore

Collapse
Sloan, the sloth mascot
Comment deleted
Collapse
bauripalash profile image
Palash Bauri πŸ‘» Author • Edited

I'm also even disliking myself for that choosing such touchy title.

Actually , I didn't intended to make the title like clickbait..

The main intention of the whole article was last two points ,

What FossURL isn't πŸ˜‘

And

What's New In That So-called 'v2.0'

At first I was thinking of title FossURL 2.0 Released but it was little awkward , so I shifted to the kind-of-tagline.

I apologise for any inconvenience.

I'll add a notice about jsonstore.io on the top

Collapse
raslanove profile image
raslanove

Thanks for taking care of that, it's much clearer now :)

Collapse
bauripalash profile image
Palash Bauri πŸ‘» Author

I changed the title mentioning jsonstore

Collapse
yashwanth2804 profile image
kambala yashwanth

Great Man , well use of jsonstore.io/, Really good idea.
Correct me if I am wrong

Collapse
julesmanson profile image
jules manson

One of the coolest things I have seen all year.

Collapse
bgadrian profile image
Adrian B.G.

Looks nice but is kinda false ads, it uses an 3rd party hosting.

Collapse
bauripalash profile image
Palash Bauri πŸ‘» Author

I changed the title mentioning jsonstore

Collapse
yashwanth2804 profile image
kambala yashwanth

may i know which ui framework used,

Collapse
bauripalash profile image
Palash Bauri πŸ‘» Author

Nothing, just plain css