angular2-flask

Backend	Frontend
[]()	[]()

Simple angular2 app with python-flask backend (for learning angular2)

Dockerized version:

The current build is using nginx to serve static files.

1. In project root directory execute docker-compose up

2. Navigate to http://localhost:3000 and login using admin:admin

Info

1. backend directory contains the flask backend with simple authentication methods

2. front directory contains the angular2 frontend based on angular-webpack-starter

Usage

1. Clone the repo

   git clone --depth 1 https://github.com/ansrivas/angular2-flask.git
   cd angular2-flask

2. Install the backend related requirements and run. The following will start a flask-server on localhost:8080

   cd backend
   sudo pip install -r requirements.txt
   python run.py

3. Install frontend related dependencies

   • Easiest way to handle node related dependencies is to install nvm
   • Once you have node installed, install the project's dependencies

   cd front
   
   # install global dependencies
   npm install webpack-dev-server rimraf webpack typescript -g
   
   # install project related dependencies
   npm install
   
   # run server
   npm run server:dev:hmr

4. Now navigate to http://localhost:3000 and login using default credential : admin:admin

5. Extra Note: To create a production build

   cd front
   npm install webpack-dev-server rimraf webpack typescript -g
   npm install
   npm run build:prod
   
   # Serves on http://localhost:5000
   npm run server:prod