URL Shortener App
JavaScript CSS HTML Vue.jsLive Application
Summary: This is a fun and speedy URL shortening application that utilizes Bitly's API. It's a simple single page application that utilizes some great aspects of the Vue framework to keep things from getting too bulky, code-wise. A user can enter any URL, click on the button next to the input, and receive a shortened version of their URL input. The application only accepts valid https:// addresses and reminds the user if they put in an inappropriate link format or try to submit an empty form.
Tech Specs: This single page application benefits from Vue's functionality. Vue allows us to roll HTML/CSS/JS all into a single file, which is perfect for a single page app that just does a simplistic function. I made a boilerplate Vue application, then swapped out everything with the simple search UI and a free SVG illustration from online. The application is hosted on Heroku as a node.js application and is directly accessibly by the link above. Please note that the free tier of Bitly's API only allows up to 20 link shortening returns a day!