DOCKER WEB APP 7.1

Kumar Manas
3 min readJul 5, 2021

#DOCKER-WEB-APP

<p align=”center”>
<a href=”https://github.com/Kale-Akash/Docker-Web-App/pulse" alt=”Contributors”>
<img src=”https://img.shields.io/badge/Contribute-4-orange" /></a>
<a href=”https://www.linkedin.com/in/akash-kale-1933061bb/">
<img src=”https://img.shields.io/badge/Linkedin-Get%20Connect-blue" alt=”follow on Linkedin”></a>
</p>

<p align=”center”>
<a href=”#”>
<img src=”https://github.com/tamimdalwai/Docker-Web-App/blob/main/images/docker-engine.png" alt=”Logo” width=”80" height=”80">
</a>

<h3 align=”center”>DOCKER WEBAPP</h3>

<p align=”center” font-weight=”bold”>
“Build, Ship and Run Any App, Anywhere”
<br />
<br />
·
<a href=”https://github.com//Kale-Akash/Docker-Web-App/issues">Report Bug</a>
·
<a href=”https://github.com//Kale-Akash/Docker-Web-App/issues">Request Feature</a>
</p>

</p>

<details open=”open”>
<summary>Table of Contents</summary>
<ol>
<li>
<a href=”#about-the-project”>About The Project</a>
<ul>
<li><a href=”#built-with”>Built With</a></li>
</ul>
</li>
<li>
<a href=”#getting-started”>Getting Started</a>
<ul>
<li><a href=”#prerequisites”>Prerequisites</a></li>
<li><a href=”#installation”>Installation</a></li>
</ul>
</li>
<li><a href=”#usage”>Usage</a></li>
<li><a href=”#usage”>TODO</a></li>
<li><a href=”#contributing”>Contributing</a></li>
<li><a href=”#contact”>Contact</a></li>
</ol>
</details>

## About The Project

<img src=”https://github.com/tamimdalwai/Docker-Web-App/blob/main/images/screenshot.png" alt=”Logo” width=”” height=””>

​ Docker is great containerization tool which provides user “Platfrom as a Service” (PaaS).A Docker WebApp is a lightweight WebApp that includes feature to execute docker commands remotely from browser.This project focuses on UI/UX and easeness to admin user to perform docker tasks. Dynamic webinterface of this project makes it more attractive.

### Built With

* [Apache Web Server](https://httpd.apache.org/)
* [Docker](https://www.docker.com/)
* [Python](https://www.python.org)
* [HTML](https://www.w3schools.com/html/)
* [CSS](https://www.w3schools.com/css/default.asp)
* [JavaScript](https://www.w3schools.com/js/default.asp)

## Getting Started

This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.

### Prerequisites

Docker need to be installed on the remote linux server.

1. Docker
* Docker command to install on Red Hat linux, CentOS, Fedora.
> `yum install docker-ce`
2. Apache Web Server
* Apache Webserver need to installed in the remoted linux server.
> `yum install httpd`
### Installation

1. Clone the repo in the linux workspace

```sh
git clone https://github.com/tamimdalwai/Docker-Web-App
```

2. Copy the html,css files in the /var/www/html folder

```sh
cp -r ./www/html/* /var/www/html
```

3. Copy the cgi-bin files in the /var/www/cgi-bin

```js
cp -r ./www/cgi-bin/* /var/www/cgi-bin/
```
4. Start the apache daemon and docker daemon
```sh
#systemctl start httpd
#systemctl start docker
```
5. Check ip address where apache server is running and type the ip address in the address of browser…All Done!!!!!!!
## Usage
By using docker web app we can -
* remotely control docker containers
* as it is deployed on top of apache server, it can be accessed from anywhere.
* provides easeness to use and great ui experience.
## #TODO
Yet this project has not fully completed yet, we can further enhance this web app by adding following features:
* Get interactive Terminal of launched containers in web browser.
* Create form to launch containers for non-it guys with inputs as follows:
— Select Image
— Select no. of containers
— Launch button
* Create form to Remove containers for non-it guys with inputs as follows:
* Select Containers from list
* Remove
* Create form to create custom docker images.
* Form/Button to push the images to [docker hub](https://hub.docker.com/) repository.
## Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m ‘Add some AmazingFeature’`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

--

--