From Local App to Docker Hub

Title: From Local App to Docker Hub

URL Source: https://medium.com/@romasenoka.alisa/from-local-app-to-docker-hub-b7c33f956797?source=rss------devops-5

Published Time: 2026-04-16T20:11:45Z

Markdown Content:
# From Local App to Docker Hub. Part 1 — Containerizing a Simple Web… | by Romasenoka Alisa | Apr, 2026 | Medium

[Sitemap](https://medium.com/sitemap/sitemap.xml)

[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2F%40romasenoka.alisa%2Ffrom-local-app-to-docker-hub-b7c33f956797&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)

Get app

[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)

[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2F%40romasenoka.alisa%2Ffrom-local-app-to-docker-hub-b7c33f956797&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)


# From Local App to Docker Hub

## Part 1 — Containerizing a Simple Web App

[](https://medium.com/@romasenoka.alisa?source=post_page---byline--b7c33f956797---------------------------------------)

[Romasenoka Alisa](https://medium.com/@romasenoka.alisa?source=post_page---byline--b7c33f956797---------------------------------------)

Follow

3 min read

·

Just now

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fp%2Fb7c33f956797&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40romasenoka.alisa%2Ffrom-local-app-to-docker-hub-b7c33f956797&user=Romasenoka+Alisa&userId=d9155223f7da&source=---header_actions--b7c33f956797---------------------clap_footer------------------)

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fb7c33f956797&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40romasenoka.alisa%2Ffrom-local-app-to-docker-hub-b7c33f956797&source=---header_actions--b7c33f956797---------------------bookmark_footer------------------)

[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimension%3Dpost_audio_button%26postId%3Db7c33f956797&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40romasenoka.alisa%2Ffrom-local-app-to-docker-hub-b7c33f956797&source=---header_actions--b7c33f956797---------------------post_audio_button------------------)

Share

In this first part of the series, we’ll take a simple static web application (a Snake game built with HTML, CSS, and JavaScript) and turn it into a Docker container. Then we’ll push that image to Docker Hub so it can be used anywhere.

This is a foundational DevOps skill: taking something that runs locally and making it portable, reproducible, and deployable.

### What We Start With

We have a simple frontend app:

Press enter or click to view image in full size


SnakeS/

├── public/

│ ├── index.html

│ ├── style.css

│ └── script.js

**🐳 Step 1 — Why Docker?**

Before we write any code, let’s clarify the goal.

Instead of saying:

_“Clone the repo, open the file, make sure your environment works…”_

We want to say:

_“Run this container and it works.”_

Docker gives us:

✅ Consistency (same environment everywhere)

✅ Portability (