Skip to content

KumarVariable/url-shortner-webapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Application to integrate with URL shortner application

This is a sample application to integrate with REST services which we exposed to develop our own URL shortner application.Experience quick, efficient URL shortening with a user-friendly interface.

Download URL Shortner REST App.

Prerequisites

Getting Started with Create React App

This project was bootstrapped with Create React App.

Build and Run Application

  1. To Build Project
npm i --legacy-peer-deps
  1. To Run the application in the development mode:
npm start
  1. Open http://localhost:3000 to view it in your browser.The page will reload when you make changes.

Browser Running|480x250, 75%

Perform URL Shortner Operations

  1. The URL Shortner REST application must be on http://localhost:9999/test

  2. To test the REST services application. Click on button Test URL Shortner Service

Test URL Shortner App|480x250, 75%

  1. To Create Short URL: Provide the Long URL. Click on button Create.

Create Short URL|480x250, 75%

Click on Short URL to be redirected to the Long URL.

  1. To Get Short URL: Provide the Long URL to get Short URL details. Click on button Get.

Get Short URL|480x250, 75%

  1. To Update Short URL: Provide the Long URL to update Short URL. Click on button Update.

Update Short URL|480x250, 75%

  1. To Delete Short URL: Provide the Long URL to delete Short URL. Click on button Delete.

Delete Short URL|480x250, 75%

Happy Learning !