GithubHelp home page GithubHelp logo

2_3_s5_url_shortener's Introduction

URL Shortener

Short URL web app.
This is a hands-on project of ALPHAcamp.

Getting start

Prerequisites

  1. Node.js, v16.14.0
  2. (Optional) nodemon (2.0.20)
  3. MongoDB Atlas, sign up and get a free account

Install the app in local host

  1. Clone this repo in local,
    git clone https://github.com/bensonybs/2_3_S5_URL_Shortener.git
  2. Open terminal in the project directory, type npm install to install needed packages.
  3. Sign in to MongoDB Atlas and get the URI. See the document of MongoDB for more information.
  4. Save the URI to the environment variables on your computer(variable name: MONGODB_URI). Windows
  5. On terminal, type npm run seed or node models/seeds/shortURLSeeder.js(without nodemon) to install seed data to your mongodb.
  6. Type npm run dev or node app.js if you didn't install nodemon.
  7. Go to http://localhost:3000 in the browser to see the website.

Demo

  1. Input URL to create new short URL. create_url
    If the URL you would like to shorten is already in the database, the stored short URL will show. url_exist
  2. You can browse stored short URLs in 'Short URL List'. url_list

Process Flow Chart

The app process flow chart is showed below.
draw.io

Future Update

  1. Let user add and edit short URL description.
  2. User authentication.

2_3_s5_url_shortener's People

Contributors

bensonybs avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.