{"id":18465989,"url":"https://github.com/willycamps/webapp","last_synced_at":"2026-04-09T12:02:41.686Z","repository":{"id":49250044,"uuid":"325027379","full_name":"willycamps/WebApp","owner":"willycamps","description":"Web Development - REST API (Python Flask), MySQL and VueJS as FrontEnd","archived":false,"fork":false,"pushed_at":"2022-01-24T22:20:05.000Z","size":432,"stargazers_count":1,"open_issues_count":2,"forks_count":2,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-05-01T14:18:29.622Z","etag":null,"topics":["docker","docker-compose","flask","flask-api","mysql","mysql-database","nginx","python","python3","vue","vue-components"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/willycamps.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-12-28T14:01:00.000Z","updated_at":"2022-01-19T05:12:29.000Z","dependencies_parsed_at":"2022-09-06T09:40:43.695Z","dependency_job_id":null,"html_url":"https://github.com/willycamps/WebApp","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willycamps%2FWebApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willycamps%2FWebApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willycamps%2FWebApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willycamps%2FWebApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/willycamps","download_url":"https://codeload.github.com/willycamps/WebApp/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251887200,"owners_count":21659937,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","docker-compose","flask","flask-api","mysql","mysql-database","nginx","python","python3","vue","vue-components"],"created_at":"2024-11-06T09:14:46.138Z","updated_at":"2025-12-30T20:20:48.758Z","avatar_url":"https://github.com/willycamps.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Full Stack Web-Application \n\nThis project can be used to run a basic [flask app with MySQL as DB]- BACKEND and VUE.js - [FRONTEND]  using docker-compose.\n\n\n# Description\nThe \"Table\" view I see a table with football clubs, sorted by points.\nIn the \"Admin\" view I have the possibility to enter a result:\nTwo clubs can be selected and one can be marked as winner. Each victory is worth three points. If no winner is marked, the match is considered a draw and both teams get one point. Goals are not counted.\n\n## Getting Started\n\n**Step 1:** Make sure git is installed on your os. I will be using Ubuntu 20.04.1  for the project in VM.\n\n**Step 2:** Clone the project into your local machine using below command.\n\n```git clone https://github.com/willycamps/Vue-Flask-Webapp.git```\n\n### Prerequisites\n\n**1. Docker**\n\nMake sure you have Docker installed. Please follow the below link for official documentation from Docker to install latest version of docker on your os. For this project I am using Docker CE (18.09).\n\n```https://docs.docker.com/docker-for-mac/install/```\n\n### Installing\n\n**Step 1:** Change to the directory where the project was cloned in previous step.\n\n```\ncd flask-vue-mysql-docker\n```\n\n**Step 2:** Make sure Docker is up and running. You can start the docker engine from command line.\n\n```\nsudo docker info\n```\n\n**Step 3:** Run\n\n```\ndocker-compose up --build\n```\n\nBuild and run in the background and view logs for all the instances :\n```\ndocker-compose up --build -d \u0026\u0026 docker-compose logs --tail=all -f\n```\n**Step 4:** Open up the browser\n\n* [The Front-End with Vue.js] (http://localhost:8001/) - Vue.js \n```\nhttp://localhost:8001/\n```\n![alt text](./img/Vue-01.JPG \"MySQL Client\")\n\n* [PhpMyAdmin] (http://localhost:8080/) - MySQL Client\n```\nhttp://localhost:8080/\n```\n![alt text](./img/phpAdmin-01.JPG \"MySQL Client\")\n\n* [The API] (http://localhost:8000/) - API\n```\nhttp://localhost:8000/\n```\n![alt text](./img/API-01.JPG \"MySQL Client\")\n\n\n\n## Deployment\n\n## Built With\n\n* [Docker](https://docs.docker.com/compose/install/) -  Docker\n* [Flask](https://flask.palletsprojects.com/en/1.1.x/quickstart/) - The web framework\n* [Python](https://www.python.org/) - Programming language\n* [pip](https://pip.pypa.io/en/stable/) - Package and dependency manager\n* [MySQL](https://www.mysql.com/) - Database\n* [PhpMyAdmin](https://www.phpmyadmin.net/) - MySql Client\n\n## Versioning\n* GIT\n## Authors\n* Willy E. Campos\n## TODO\n* ORM with SQLAlchemy, create the missing Endpoints and make the documentation in READ.me\n* Version 1\n* Unit Test\n* CI/CD - Workflow\n* Version 1.2\n* Grafana Monitoring\n* Boostrap CSS\n* Version 1.3\n* AWS / Google-Cloud / Azure for Docker ? \n## Change Log\n* v0.2 - Integrate Authentication.\n* v0.1 - Initial release.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillycamps%2Fwebapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwillycamps%2Fwebapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillycamps%2Fwebapp/lists"}