Valsa - Link Shortener

• 

  Home Screen

• 

  Result Screen

Inspiration

The primary inspiration for creating this project was that I wanted to learn NodeJS. So when I registered at Hack@Home, I decided it was the perfect time to pick up a project and hone my skills. Im very happy at how it turned out.

What it does

It is a personalized link shortener. I plan on buying a custom short domain and adding it too.

How I built it

The technologies behind this project is NodeJS with Express for the backend processing, FS to render the frontend, Heroku for deployment, MongoBD and the Mongoose package for the database. The frontend is made with basic HTML and CSS, but looks pretty good.

Challenges I ran into

I was very new to MongoDB, so I had a bit of a hard time figuring out how to make schemas and get data through Express. I also had a pretty hard time with the background. The animated SVG that I had chosen first would not render properly on a mobile screen. I tried it in many ways and finally gave up and added a CSS animation as the mobile background. Apart from those, everything went smoothly.

Accomplishments that I'm proud of

Well, I created this project in less than one and a half days, and Im very proud of that. I can also now add another project to my portfolio.

What I learned

I learned a lot about Fs and MongoDB. I learn to submit data, and fetch it. I also learnt a tad bit about advanced Express topics.

What's next for Valsa - Link Shortener

I have already bought a personal domain and am now going to connect it with my Heroku. This personal domain makes me a bit more professional, since I can now send links with my name on it instead of random super long ones.

Built With

• ajax
• css3
• express.js
• fs
• html5
• javascript
• mongodb
• node.js