Skip to content

A single simple react page for demonstrating the urlshortener-python

Notifications You must be signed in to change notification settings

hjcian/urlshortener-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

URL shortener - React Demo

This repo is an very simple react app for demonstrating the back-end URL shortener system, you should always run backend server at first.

This react app provide the following interactive functionalities to you:

  1. Shorten URL
    • this functionality provide a GUI to you for doing the URL shortening
  2. Preview URL
    • this functionality take the shortened URL or token then return the original URL if exists.

Table of Contents

Usage

Install

System Prerequisites

  • git
  • node v10 or latter (developed on v10.22.0)
  • npm 6 or latter (developed on 6.14.6)
git clone https://github.com/hjcian/urlshortener-react
cd urlshortener-react
npm i

Run as development mode

Prerequisites

npm run start

app will run on localhost:3000 by default

Build and Run as deployment mode

npm run build
npm install -g serve
serve -s build

app will run on localhost:5000 by default

URL Redirections

The redirection function is supported by backend server.

So you could just use go to original URL by Shortened URL, e.g.:

http://127.0.0.1:12345 is the host of backend server.

You can find more details about backend API on URL Redirection - /<token>.

About

A single simple react page for demonstrating the urlshortener-python

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published