Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/a7medayman6/Todo-List-Dockerized-Flask-WebApp
Simple web-app to practice docker, CI, and deployment concepts using flask and python.
https://github.com/a7medayman6/Todo-List-Dockerized-Flask-WebApp
containers docker dockerfile flask heroku heroku-deployment linux python web
Last synced: about 2 months ago
JSON representation
Simple web-app to practice docker, CI, and deployment concepts using flask and python.
- Host: GitHub
- URL: https://github.com/a7medayman6/Todo-List-Dockerized-Flask-WebApp
- Owner: a7medayman6
- Created: 2021-05-05T07:06:01.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-09-30T17:59:45.000Z (about 3 years ago)
- Last Synced: 2024-08-02T17:35:16.362Z (5 months ago)
- Topics: containers, docker, dockerfile, flask, heroku, heroku-deployment, linux, python, web
- Language: Python
- Homepage:
- Size: 548 KB
- Stars: 5
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TO DO LIST - FLASK - DOCKER - Heroku - GITHUB ACTIONS Hands-On
Simple web-project to practice docker and deployment concepts
- writing docker files
- building images
- running container and manage them
- persisting data
- playing around with docker volumes and volume mapping
- deployment on heroku
- basic pipeline
- writing Git-Hub Actions Workflow file
- Git-Hub Actions to build and push the docker image to the registry on each push/PR## Running
### Try it out live on heroku!
[TO DO LIST](https://todolist-docker.herokuapp.com/)### USING DOCKER - PULLING FROM DOCKER HUB
```bash
# pull the image from docker hub
$ docker pull a7medayman6/todolist-flask# create docker volume for the database to keep your tasks everytime you run ir
$ docker volume create todolist.db# run the container
# map port 5000 in the container to 5001 (or any other free port)
# map the docker volume you created to /app/db
$ docker run -d -p 5001:5000 -v todolist.db:/app/db a7medayman6/todolist-flask# open the browser, go to http://0.0.0.0:5001 and here is your todo list up and running
```### USING DOCKER - BUILD DOCKER IMAGE
```bash
# clone the repo into your local host
$ git clone https://github.com/a7medayman6/Todo-List-Dockerized-Flask-WebApp$ cd Todo-List-Dockerized-Flask-WebApp
# this will build the docker image from the docker file
docker build -t todolist-flask:latest .# check the build was succesfull
$ docker images | grep todolist-flask
# the output should be
# todolist-flask# create docker volume for the database to keep your tasks everytime you run it
$ docker volume create todolist.db# run the container
# map port 5000 in the container to 5001 (or any other free port)
# map the docker volume you created to /app/db
docker run -d -p 5001:5000 -v todolist.db:/app/db todolist-flask# open the browser, go to http://0.0.0.0:5001 and here is your todo list up and running
```
### BUILDING```bash
$ git clone https://github.com/a7medayman6/Todo-List-Dockerized-Flask-WebApp
$ cd Todo-List-Dockerized-Flask-WebApp
$ source env/bin/activate
$ python3 -r requirements.txt
$ python3 app.py
```
## Volume mapping
- I was running the app from the docker container on port 5001 and from the local host at port 5000
- Mapped the /home/ahmed/todo-flask/db/ directory in the local host to /app/db in the container to have the same data updating in both tabs and to persist the data using this command
```docker
$ docker run -it -p 5001:5000 -v /home/ahmed/todo-flask/db/:/app/db/ todolist-flask
```
- created a task in the container tab![Image of the app from container](Screenshots/3.png)
- switched to the local-host tab, and wallah the same task are here, let's say hi back from the local host!
![Image of the app from local-host](Screenshots/4.png)
## Features
- Add new tasks.
- Mark task as finished/unfinished.
- Delete a task.![add tasks](Screenshots/5.png)
![mark as finished](Screenshots/6.png)
![delete tasks](Screenshots/7.png)