TinyApp! is a free URL shortening service and link management system.
It is derived from the Lighthouse Labs (LHL) full stack web development bootcamp project.
Existing LHL students can review the project here:
https://flex-web.compass.lighthouselabs.ca/projects/tiny-app
- free service
- secure
- easy to use
- allows for multiple tiny links to the same long URL
- analytics including hourly click thru chart
( back to top 🔺)
Server side:
- "quiet" mode to silence server-side feedback
- use
-quietas starting argument
- use
- optional log file generation:
- use
-logfileas starting argument
- use
- chain input arguments such as:
-quiet -logfileto quiet server visual feedback, but create log file instead
Client/web side:
- hide menu bar if not logged in
- incorrect password sends error to user
- trying to create duplicate accounts sends error to user
- stretch: shows total clicks on a tiny url (in edit page)
- stretch: shows unique clicks on a tiny url (in edit page)
- stretch: create click through log for each tiny URL
( back to top 🔺)
- dark mode
- additional link analytics (more graphs)
- customizable tiny url
- add password reset to login page
- multiple tiny url selection for bulk delete
- paginate click through logs
- allow main URL page sorting - by date added, long url alphabetical, # of clicks, etc
- track hackers - if registered users try to manipulate other owner ID's, track & block them by email & IP.
- implement SQL databases & go live with TinyApp!
( back to top 🔺)
- clone and download from GitHub and setup dependencies with
npm install(tested only with node versions 14+) - start the TinyApp Server in your terminal with
node express_server.js
-you can also use 'quiet mode' via
node express_server.js -quiet
-you can also use-logfileto create a server log file - start the web app in your browser with
localhost:8080/
( back to top 🔺)
- start the server as mentioned in quick start.
node express_server.js
- Once the server is "listening", start your web browser and navigate to
http://localhost:8080/
You'll be directed to the login page. An account is required to create and manage your Tiny URLs.
- Sign in or register for a free account to get started. You'll be directed to your main account page listing any Tiny URLs you've created. From the main page, you can edit, delete or create tiny URLs.
- Create new tiny URLS with the "Create" option. Simply enter the long URL, and click or tap "submit". You'll return to the tiny URLs list (above) and see your new link added to the list!
- Update and modify tiny URL destinations through a dedicated update page.
You can also review link analytics on this page such as total click throughs, and unique click throughs by users. Additionally, the complete log of clicks, which includes the dates and times of when the tiny URL was clicked, is available too!
- To review unique user click logs and complete click through logs, just click the header to expand on the log listings.
( back to top 🔺)
- none noticed
- title "rocket" icon by Freepik - Flaticon
- css styling, in part, by Bootstrap
- misc JS libraries by ej-dev conColors(github)
- Get the most recent version of TinyApp! on our GitHub account here..
- Change Log v 0.9 - 2022-08-06:
- (private testing only)