An app that allows users to shorten long URLs à la

Final Product

"When a user first visit the page." "About page to tell the user what the app is about." "Page to create a new url." "When a url is submitted, user is redirected to a different component with the new link."

Project Setup

  1. Fork and clone the App from github:
  2. CD into the project root directory and run npm install to install dependencies.
  3. The app is leveraging json-server as as fake backend to keep data persistent. To run the app on your local machine open two terminal windows, from the root directory of the project separately run, npm run serve to run the frontend and npm run backend to run the backend.


  • json-server
  • vue -router


View Github