ansrivas / Angular2 Flask
Licence: mit
Simple angular2 app with python-flask backend ( Learning Angular2 )
Stars: ✭ 152
Programming Languages
javascript
184084 projects - #8 most used programming language
python
139335 projects - #7 most used programming language
Projects that are alternatives of or similar to Angular2 Flask
Angular Tree Component
A simple yet powerful tree component for Angular (>=2)
Stars: ✭ 1,031 (+578.29%)
Mutual labels: frontend, angular2
Angular Springboot Rest Jwt
Springboot, Angular and JWT security - Example Project based on Northwind Order Processing
Stars: ✭ 603 (+296.71%)
Mutual labels: frontend, angular2
Bhagavadgita
A non-profit initiative to help spread the transcendental wisdom from the Bhagavad Gita to people around the world.
Stars: ✭ 84 (-44.74%)
Mutual labels: flask, frontend
Bento
[DEPRECATED] Find Python web-app bugs delightfully fast, without changing your workflow. 🍱
Stars: ✭ 147 (-3.29%)
Mutual labels: flask
Stpageflip
Simple library for creating realistic page turning effects
Stars: ✭ 146 (-3.95%)
Mutual labels: frontend
Spring Petclinic Angular
Angular 8 version of the Spring Petclinic sample application (frontend)
Stars: ✭ 145 (-4.61%)
Mutual labels: frontend
Appkernel
API development made easy: a smart Python 3 API framework
Stars: ✭ 152 (+0%)
Mutual labels: flask
Layerjs
layerJS: Javascript UI composition framework
Stars: ✭ 1,825 (+1100.66%)
Mutual labels: frontend
Ng2 Finance
Finance dashboard using Yahoo's public APIs.
Stars: ✭ 149 (-1.97%)
Mutual labels: angular2
Material Dashboard
Material Frontend Preset For Laravel Framework 8.x and Up
Stars: ✭ 152 (+0%)
Mutual labels: frontend
Angular5 Iot Dashboard
Multipurpose dashboard admin for IoT softwares, remote control, user interface. Develop your client dashboards in Angular 5 with vast variety of components available.
Stars: ✭ 148 (-2.63%)
Mutual labels: angular2
Coloquent
Javascript/Typescript library mapping objects and their interrelations to JSON API, with a clean, fluent ActiveRecord-like (e.g. similar to Laravel's Eloquent) syntax for creating, retrieving, updating and deleting model objects.
Stars: ✭ 149 (-1.97%)
Mutual labels: frontend
Word2vec Spam Filter
Using word vectors to classify spam messages
Stars: ✭ 149 (-1.97%)
Mutual labels: flask
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.
-
In project root directory execute
docker-compose up
-
Navigate to
http://localhost:3000
and login usingadmin:admin
Info
-
backend
directory contains the flask backend with simple authentication methods -
front
directory contains the angular2 frontend based on angular-webpack-starter
Usage
-
Clone the repo
git clone --depth 1 https://github.com/ansrivas/angular2-flask.git cd angular2-flask
-
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
-
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
-
Now navigate to
http://localhost:3000
and login using default credential :admin:admin
-
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].