DEV Community

Cover image for An URL Shortener Which Can Be Even Hosted on GitHub Pages with Help Of jsonstore.io : FossURL
Palash Bauri πŸ‘»
Palash Bauri πŸ‘»

Posted on • Updated on

 

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

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 : jsonconnect.com (Previously , jsonstore was used but several downtimes forced me to switch to jsonbox.io, then to jsonconnect as jsonbox went offline)

Jsonconnect.com is a fork of Jsonbox.io - learn more on the project's homepage.

πŸ› οΈ Features

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

Where is my data stored?

The connection between your shorten URL and the long one is…

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 β˜• πŸ€—

Top comments (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 πŸ‘»

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 πŸ‘»

I changed the title mentioning jsonstore

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
bauripalash profile image
Palash Bauri πŸ‘» • 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 πŸ‘»

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 πŸ‘»

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 πŸ‘»

Nothing, just plain css

Visualizing Promises and Async/Await 🀯

async await

☝️ Check out this all-time classic DEV post