{"id":14958333,"url":"https://github.com/delsner/flask-angular-data-science","last_synced_at":"2025-07-24T00:04:34.234Z","repository":{"id":54114026,"uuid":"120427389","full_name":"delsner/flask-angular-data-science","owner":"delsner","description":"Repository for a data science starter app using Flask, Angular and Docker. https://medium.com/@dvelsner/deploying-a-simple-machine-learning-model-in-a-modern-web-application-flask-angular-docker-a657db075280","archived":false,"fork":false,"pushed_at":"2018-07-04T14:03:09.000Z","size":119,"stargazers_count":87,"open_issues_count":1,"forks_count":76,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-08T20:06:36.105Z","etag":null,"topics":["angular","data-science","docker","flask","machine-learning","python","sklearn","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/delsner.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-02-06T08:54:30.000Z","updated_at":"2024-10-13T09:32:41.000Z","dependencies_parsed_at":"2022-08-13T06:51:06.532Z","dependency_job_id":null,"html_url":"https://github.com/delsner/flask-angular-data-science","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/delsner/flask-angular-data-science","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/delsner%2Fflask-angular-data-science","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/delsner%2Fflask-angular-data-science/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/delsner%2Fflask-angular-data-science/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/delsner%2Fflask-angular-data-science/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/delsner","download_url":"https://codeload.github.com/delsner/flask-angular-data-science/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/delsner%2Fflask-angular-data-science/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266770273,"owners_count":23981535,"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","status":"online","status_checked_at":"2025-07-23T02:00:09.312Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["angular","data-science","docker","flask","machine-learning","python","sklearn","typescript"],"created_at":"2024-09-24T13:16:47.400Z","updated_at":"2025-07-24T00:04:34.211Z","avatar_url":"https://github.com/delsner.png","language":"TypeScript","readme":"# Data Science Web Application Tutorial\n\nThis repository is meant to demonstrate the use of Flask and Angular to build a simple, but state-of-the-art, web application which can be used for POCs.\nRead the corresponding Medium article [here](https://medium.com/@dvelsner/deploying-a-simple-machine-learning-model-in-a-modern-web-application-flask-angular-docker-a657db075280).\n\n## Clone/Fork repository\n\nFirst fork or clone this repo:\n\ne.g. `git clone https://github.com/delsner/flask-angular-data-science.git`\n \n\n## Build images and run containers with docker-compose\n\nAfter cloning the repository go inside the project folder:\n\n`cd flask-angular-data-science`\n\nRun `docker-compose up` which will start a Flask web application for the backend API (default port `8081`) and an Angular frontend served through a webpack development web server (default port `4200`).\n\n\n## Access your app\n\nIn your browser navigate to: `http://localhost:4200` (or whatever port you defined for the frontend in `docker-compose.yml`).\n\nFor testing your backend API I recommend using [Postman](https://www.getpostman.com/).\n  \n\n## Working __without__ docker \n\nI highly recommend the use of docker and docker-compose as it is far simpler to get started than to run all of the following manually.\n\n\n### Backend development\n\nNavigate inside the backend directory: `cd backend`\n\nInstall pip dependencies: `pip install -r requirements.txt`\n\nRun `python app.py` in backend root (will watch files and restart server on port `8081` on change).\n\n### Frontend development\n\nNavigate inside the frontend directory: `cd frontend`\n\nAssure you have [Nodejs](https://nodejs.org/en/), [Yarn](https://yarnpkg.com/en/docs/install) and the [angular-cli](https://cli.angular.io/) installed.\n\nInstall npm dependencies: `yarn install --pure-lockfile` \n\nRun `yarn start` in frontend root (will watch files and restart dev-server on port `4200` on change).\nAll calls made to `/api` will be proxied to backend server (default port for backend `8081`), this can be changed in `proxy.conf.json`.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdelsner%2Fflask-angular-data-science","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdelsner%2Fflask-angular-data-science","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdelsner%2Fflask-angular-data-science/lists"}