---
# System prepended metadata

title: Mustang web application

---

# Mustang web application

> KT to : Viya Huang
> Date: 15-09-2022
> [Git Mustang web application URL](http://10.10.2.81:8088/CA200/mustang-web-application

#### Programming language use: ReactJS, HTML, CSS

#### About Mustang web application 
The Mustang-200 Transcoding application handles all the features of Mustang-200. It was developed based on the Host API. So developers can refer to this application to call APIs
in their application. It is released under open source license, allowing users to modify it to meet their requirements.
The Transcoding Application is capable of handling multiple Mustang-200 cards. You can manage and monitor all of the cards using this application. Also you can navigate to the
Mustang-200 operating system named QTS by clicking the QTS icon in the application. QTS is a lightweight custom operation system developed by QNAP.
The Transcoding Application is capable of VOD, Live and File scenarios. Each Transcoding scenario can be created using simple wizard steps. Each step is explained in detail
in the application documentation.
Transcoding Application builds with Media Player to view the video when VOD and Live Job is running.
The IEI Transcoding application is developed based on React JS and Node JS Frameworks

I have provided support to fixed bugs and modify changes as per requirement.
Worked on sidebar menu, Table pages, Footel and layout.

Web pages desing and developed in Mustang web applications are as shown below,

#### Mustang-200 Overview
![](https://i.imgur.com/UjKOFLS.png)

#### Mustang-200 Overview preview task
![](https://i.imgur.com/KdfP7DK.png)

#### Mustang-200 Overview preview task with pagination
![](https://i.imgur.com/R3m9TDK.png)

#### Card Info
![](https://i.imgur.com/xXiFrqA.png)

#### Edit card name
![](https://i.imgur.com/rOhnh1j.png)

#### Card Info with no data
![](https://i.imgur.com/od5cLDD.png)

#### Card Infor preview link
![](https://i.imgur.com/VK1xVtg.png)

#### Add new task (Wizard Step 1)
![](https://i.imgur.com/eHMevvh.png)

#### Add new task (Wizard Step 2)
![](https://i.imgur.com/KkkadPt.png)

#### Add new task (Wizard Step 3)
![](https://i.imgur.com/xotMhSR.png)

#### Add new task (Wizard Step 4)
![](https://i.imgur.com/rbBtW4R.png)

#### Add new task (Wizard Step 5 ) save newly created template
![](https://i.imgur.com/bl61BYF.png)
