go-link-shortener-frontend, v1.0

Front-end of the service for shorting links.

Major version.

Features

• general features:
  • based on the Ant Design:
    • adaptive design;
    • mobile design;
  • navigation via the History API;
  • asynchronous interaction with the back-end via Fetch API;
• pages:
  • form for creating a link:
    • animating interaction with the back-end;
    • displaying errors on interaction with the back-end in the form of pop-up notifications;
  • result of creating a link:
    • generating a redirect link from a link code;
    • copying a redirect link to a clipboard via a button click:
      • displaying a notification about successful copying to a clipboard;
  • any error (most often it's the "Not Found" error).

Installation

Clone this repository:

$ git clone https://github.com/thewizardplusplus/go-link-shortener-frontend.git
$ cd go-link-shortener-frontend

Install dependencies:

$ npm install

Build the project:

$ npm run build

Repository

Link: https://github.com/thewizardplusplus/go-link-shortener-frontend/tree/v1.0.

Content: code.

License: MIT.

Screenshots

Notification about an error on interaction with the back-end

Result of creating a link

Notification about successful copying a redirect link to a clipboard

Any error (most often it's the "Not Found" error)