Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/97-jeffrey/url-simplifier
This is a web application built with Node and Express that allows users to shorten long URLs and navigate to website using generated url :innocent: :arrow_right: :smiling_imp:
https://github.com/97-jeffrey/url-simplifier
bootstrap cookie ejs expressjs javascript node-js
Last synced: 4 days ago
JSON representation
This is a web application built with Node and Express that allows users to shorten long URLs and navigate to website using generated url :innocent: :arrow_right: :smiling_imp:
- Host: GitHub
- URL: https://github.com/97-jeffrey/url-simplifier
- Owner: 97-Jeffrey
- Created: 2021-04-02T02:10:53.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-04-14T18:15:34.000Z (almost 4 years ago)
- Last Synced: 2023-03-07T22:53:29.266Z (almost 2 years ago)
- Topics: bootstrap, cookie, ejs, expressjs, javascript, node-js
- Language: EJS
- Homepage:
- Size: 590 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# URL Simplifier
This is a full stack web application built with Node and Express that allows users to shorten long URLs and naivigate to website using given url;
# ScreenShots of the app
A new user need to register/login before using key functionality of the app.
![](https://github.com/97-Jeffrey/URL-Simplifier/blob/master/doc/Screen%20Shot%202021-04-02%20at%202.57.37%20PM.png?raw=true)
After register/login, the user can generate simplified version url by entering the url they want to simplify.
![](https://github.com/97-Jeffrey/URL-Simplifier/blob/master/doc/Screen%20Shot%202021-04-02%20at%202.58.13%20PM.png?raw=true)
The creator of the URL can navigate to show page for each url and edit and change the original url they entered:
![](https://github.com/97-Jeffrey/URL-Simplifier/blob/master/doc/Screen%20Shot%202021-04-02%20at%202.58.29%20PM.png?raw=true)
Users can view their created url in `/urls` page. please be noted that users can only see url list they created, but everyone can use simplified url to navigate to corresponding website through `/u/shortUrl`.
![](https://github.com/97-Jeffrey/URL-Simplifier/blob/master/doc/Screen%20Shot%202021-04-02%20at%202.59.27%20PM.png?raw=true)# Dependency:
- Node.js
- Express.js
- EJS
- body-parser# Get started:
## Install all dependencies using `npm install` or install them one by one:
- install express: npm install express;
- install ejs: npm install ejs
- install bcrypt: npm install -E [email protected](recommended)
- install body-parser : npm install body-parser
## To run the app:
- Run the development web server using the `node index.js` command.
- After Nodemon is installed, use `npm start` to run.
- Please navigate to [localhost:3000](http://localhost:3000/) to view the app.