DEV Community

Karthikeyan
Karthikeyan

Posted on

Clippr - Light weight url shortener

#azuretrialhack #azure #javascript #typescript

Overview of My Submission

Light weight url shortener built with Next.js , Azure Cosmos DB and tailwind

Submission Category:

Note: Wacky Wildcards

Link to Code on GitHub

GitHub logo skarthikeyan96 / url-shortener

Url shortener app built with Next.js and Azure cosmos DB

Clippr

Light weight url shortener built with Next.js , Azure Cosmos DB and tailwind

Run Locally

Clone the project

  git clone git@github.com:skarthikeyan96/url-shortener.git
Enter fullscreen mode Exit fullscreen mode

Go to the project directory

  cd url-shortener
Enter fullscreen mode Exit fullscreen mode

Install dependencies

  yarn install
Enter fullscreen mode Exit fullscreen mode

Start the server

  yarn run dev
Enter fullscreen mode Exit fullscreen mode

Tech Stack

Next.js , Tailwind and Azure Cosmos DB

Appendix

What is the need to store in the DB ?

I am storing short_url , original_url and id for each of the url. If the user tries to shorten the url which is already existing in the db , instead of shortening the url it will just return the shortened url.

What's Next

  • Authentication

  • List the previously shortened urls


View on GitHub


Additional Resources / Info

Image

Screenshot

Top comments (0)

Read next

tianyaschool profile image

TypeScript's progressive adoption strategy for front-end projects

Tianya School -

motuncoded profile image

How to create Subscribe to Newsletter with Reactjs and Supabase

Adijat Motunrayo Adeneye -

arjun98k profile image

Introduction to JavaScript

arjun -

maheshprajapati profile image

Interactive Snowfall Cursor Effect with CSS and JavaScript

Mahesh Prajapati -