puny.li - A Full Stack URL Shortener

A simple full stack app for creating short urls like bit.ly

puny.li/cg

• Create Server Folder
  • Init npm
  • Add express morgan body-parser nodemon
  • Add start script and dev script
• Create public Folder
  • Create index.html
    • Add vue CDN
    • Add bulma CSS
    • Homepage Layout
  • Serve public folder from express
• Create new url form on client
• Add DB to server
  • Add monk
  • Create db folder
    • Create db connection
  • Create route to add url to db /api/url
    • validate puny with joi
      • url
      • name alphanum, min 1 chars, max 100 chars
    • Make sure name is not in use
      • insert url into db
      • respond with inserted message
    • Respond with error if in use
• Submit form - fetch POST to server
  • Show any errors
  • Show create link on page
• Create route to redirect a url
  • Search by name - if found, redirect to url
    • If not found, show 404
• Deploy!
• Alias domain

Stretch

• Log links to a click
  • Date/Time
• View link page to see number of clicks