URL shortener - Vue JS, Python, Mongo DB
URL shortener - Vue JS, Python, Mongo DB
In this tutorial, we will create a URL shortener app in Vue JS, Python and Mongo DB. We will use Vue JS as frontend, Python as backend and Mongo DB as database.
We will be creating a single page application in Vue JS 3, FastAPI for creating APIs in Python and standard Mongo DB for storing data.
User will enter a URL and the app will create a shorter URL of it. User can share that short URL on social media. Whenever someone access that short URL, we will show ads to him for 5 seconds. Then he will be able to move to the actual URL.
User can see how many people have clicked on his shorten URL and how many have accessed the real URL.
We will create the frontend in Vue JS 3, it will be a single page application (SPA). The backend will be in Python, we will be using FastAPI.
Source code:
https://adnan-tech.com/create-a-url-s...
![[Overwatch] Overview Of New Map Coming Soon](https://images.videosashka.com/watch/PK9X0pkHsQ4)
