A basic URL-Shortner running on an Express Server with Mongoose as it's database and ejs to amalgamate front end and back end of the site.
The URL text field takes in a string and with the help of shortID module which by default 7-14 url-friendly characters: A-Z, a-z, 0-9, _- . Although alternatively you can use NanoID to achieve the same function, this helps in generating a random code of 8 characters which in turn our URL into a smaller URL which helps in easy sharing without taking too much space when sharing or even remembering it.
The generated Shortened Url is stored in the database i.e., mongooseDB. Not only the gernerated URL is stored but it also stores how many times that URL is visited showing in "clicks".
Instead of manually closing the server everytime a change was made, we opted to using nodemon, which helps in implementing the changes in realtime which solves the problem of downtime while doing minor changes in the code.
| Color | Hex |
|---|---|
| Red | |
| Pink | |
| White | |
| Green | |
| Blue | |
| Yellow |
To deploy this project run
npm init
npm i express mongoose ejs
npm i --save-dev nodemon
npm run devStartMake sure node.js as well as mongoDB is installed on your system first.
To run this project, the following environment variables will be required
const express = require('express')
const mongoose = require('mongoose')
const ShortUrl = require('./models/shortUrl')
New.Project.5.7D16457.mp4
After @rajatgupta24 proposed this project upon me, I was esctatic hearing this. After that it was upon me to create a team and start developing the project with them. It was the first time me and my fellow team members were taking upon a backend based web development project. Although all of us had already done countless web development projects but this being the one which also required back end knowledge, we were excited to take upon this project. We had to search some documentation, look into node.js as well as express docs. Ultimately the backend stuff smooth sailed but adding css to the main page on ejs file surprisingly took a bit more time than we initially intended. But we are this happy with the project.
Although the project is pretty straight forward, there are obviously some things we would like to change.
We want to remove shortID and use NanoID, also get a seperate css file instead of putting straight into the main file although there isn't much styling to this. But using NanoID is the main priority.
