Url Shortener

Overview of My Submission

It's an imitation of Url Shortener Service.

Only functional requirements are considered while developing this project i.e to generate short url and redirect short url to original url.

In case url got expired/moved to other domain/not responsding, a 404 error page is shown.

Redis is used as primary as well as caching database here.

Some analytics and expression values(like,star,thumbs up etc...) are permanently stored in database while urls are short lived.

Submission Category:

MEAN/MERN Mavericks

Language Used:

NodeJs & React

Link to Code

Frontend:

anshulnegitc / url-shortener-app-frontend

Url Shortener Application

It's an imitation of Url Shortener Service.

Only functional requirements are considered while developing this project i.e to generate short url and redirect short url to original url.

In case url got expired/moved to other domain/not responsding, a 404 error page is shown.

Redis is used as primary as well as caching database here.

Some analytics and expression values(like,star,thumbs up etc...) are permanently stored in database while urls are short lived.

Application Architecture.

Desktop View.

404 Page.

Analytics.

Mobile View.

Overview video

Here's a short video that explains the project and how it uses Redis:

How it works

How the data is stored:

• Urls
  • It maps the long_url with short_url.
  • short_url is base62 value of counter and is indexed.
  • Expiration of 30 mins is set.
  • Data is stored as

class Url extends Entity { }
const urlSchema = new Schema(Url, {
    long_url: { type: 'string' }
    short_url:

…

View on GitHub

Backend:

anshulnegitc / url-shortener-app-backend

Url Shortener Application

It's an imitation of Url Shortener Service.

Only functional requirements are considered while developing this project i.e to generate short url and redirect short url to original url.

In case url got expired/moved to other domain/not responsding, a 404 error page is shown.

Redis is used as primary as well as caching database here.

Some analytics and expression values(like,star,thumbs up etc...) are permanently stored in database while urls are short lived.

Application Architecture.

Desktop View.

404 Page.

Analytics.

Mobile View.

Overview video

Here's a short video that explains the project and how it uses Redis:

How it works

How the data is stored:

• Urls
  • It maps the long_url with short_url.
  • short_url is base62 value of counter and is indexed.
  • Expiration of 30 mins is set.
  • Data is stored as

class Url extends Entity { }
const urlSchema = new Schema(Url, {
    long_url: { type: 'string' }
    short_url:

…

View on GitHub

---

• Check out Redis OM, client libraries for working with Redis as a multi-model database.
• Use RedisInsight to visualize your data in Redis.
• Sign up for a free Redis database.