{"id":17055695,"url":"https://github.com/ansrivas/angular2-flask","last_synced_at":"2025-07-06T02:34:09.354Z","repository":{"id":8333960,"uuid":"54799245","full_name":"ansrivas/angular2-flask","owner":"ansrivas","description":"Simple angular2 app with python-flask backend ( Learning Angular2 )","archived":false,"fork":false,"pushed_at":"2023-03-06T05:26:34.000Z","size":3069,"stargazers_count":152,"open_issues_count":33,"forks_count":46,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-05-08T23:45:47.053Z","etag":null,"topics":["angular2","angular2-flask","flask","flask-backend","frontend","python"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/ansrivas.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-03-26T20:57:51.000Z","updated_at":"2024-06-06T09:28:38.000Z","dependencies_parsed_at":"2024-10-31T13:03:11.908Z","dependency_job_id":"ce6f53e1-22d4-4ebe-bc61-1816cb4d7ae0","html_url":"https://github.com/ansrivas/angular2-flask","commit_stats":{"total_commits":130,"total_committers":11,"mean_commits":"11.818181818181818","dds":0.6384615384615384,"last_synced_commit":"77d27f76b085dafae01fcae92c851befaaa53d52"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ansrivas%2Fangular2-flask","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ansrivas%2Fangular2-flask/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ansrivas%2Fangular2-flask/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ansrivas%2Fangular2-flask/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ansrivas","download_url":"https://codeload.github.com/ansrivas/angular2-flask/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253166474,"owners_count":21864467,"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":["angular2","angular2-flask","flask","flask-backend","frontend","python"],"created_at":"2024-10-14T10:18:52.742Z","updated_at":"2025-05-08T23:46:06.648Z","avatar_url":"https://github.com/ansrivas.png","language":"JavaScript","readme":"# angular2-flask\n---\n\n| `Backend`        | `Frontend`           |\n| :-------------: |:-------------:|\n|[![DockerPulls](https://img.shields.io/docker/pulls/ansrivas/flask-backend.svg)](https://registry.hub.docker.com/u/ansrivas/flask-backend/)    | [![DockerPulls](https://img.shields.io/docker/pulls/ansrivas/angular2-frontend.svg)](https://registry.hub.docker.com/u/ansrivas/angular2-frontend/)      |\n| [![Docker Build Statu](https://img.shields.io/docker/build/ansrivas/flask-backend.svg)]()     | [![Docker Build Statu](https://img.shields.io/docker/build/ansrivas/angular2-frontend.svg)]()|  \n\nSimple angular2 app with python-flask backend (for learning angular2)\n\n## Dockerized version:\n---\n\nThe current build is using `nginx` to serve static files.\n\n1. In project root directory execute `docker-compose up`\n\n2. Navigate to `http://localhost:3000` and login using `admin:admin`\n\n\n## Info\n---\n\n1.  `backend` directory contains the flask backend with simple authentication methods\n\n2.  `front` directory contains the angular2 frontend based on [angular-webpack-starter](https://github.com/AngularClass/angular2-webpack-starter)\n\n## Usage\n---\n\n1.  Clone the repo\n\n    ```bash\n    git clone --depth 1 https://github.com/ansrivas/angular2-flask.git\n    cd angular2-flask\n    ```\n\n2.  Install the backend related requirements and run. The following will start a flask-server on `localhost:8080`\n\n    ```bash\n    cd backend\n    sudo pip install -r requirements.txt\n    python run.py\n    ```\n\n3.  Install frontend related dependencies\n\n    -   Easiest way to handle node related dependencies is to install [nvm](https://github.com/creationix/nvm)\n    -   Once you have node installed, install the project's dependencies\n\n    ```bash\n    cd front\n\n    # install global dependencies\n    npm install webpack-dev-server rimraf webpack typescript -g\n\n    # install project related dependencies\n    npm install\n\n    # run server\n    npm run server:dev:hmr\n    ```\n\n4.  Now navigate to `http://localhost:3000` and login using default credential : `admin:admin`\n\n5.  Extra Note: To create a production build\n\n    ```bash\n    cd front\n    npm install webpack-dev-server rimraf webpack typescript -g\n    npm install\n    npm run build:prod\n\n    # Serves on http://localhost:5000\n    npm run server:prod\n    ```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fansrivas%2Fangular2-flask","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fansrivas%2Fangular2-flask","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fansrivas%2Fangular2-flask/lists"}