dialop / tinyapp

A full stack web app built with Node and Express that allows users to shorten long URLs.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TinyApp Project

TinyApp is a full stack web application built with Node and Express that allows users to shorten long URLs (à la bit.ly).

Final Product

Register Page for Inactive Users Screenshot of Register Page

Create TinyURL Page for Active Users Screenshot of Create TinyURL

URLs Page for Active Users Screenshot of URLs

Dependencies

  • Node.js
  • Express
  • EJS
  • bcryptjs
  • cookie-session

Getting Started

  1. Install all dependencies (using the npm install command).
  2. Run the development web server using the node express_server.js command.
  3. Run http://localhost:8080 on browser.

How to Use TinyApp

Register and Login Page

  • In order view or edit URLs, you must register and proceed to log in
  • On the upper right coner, click "Register" and add an email and password

Create URLs Link

  • When logged in, click "Create New URL" located in the navigaton bar
  • Once inside the "Create New URL", enter a URL and once implemented, click submit

Delete and Edit Link

  • Navigate to the "My URLs" in the naviagtion bar
  • Select the URL you desire to modify that you have created and select "Edit"
  • Once in the "Edit" page, update your link, click submit and it will be redirected to the "My URLs" page
  • To delete user's URL, click "Delete" to remove link

Conclusion

Thank you for checking out my Tinyapp project!


Project by Diana as a part of the Lighthouse Labs program curriculum.

About

A full stack web app built with Node and Express that allows users to shorten long URLs.


Languages

Language:JavaScript 53.3%Language:EJS 46.7%