Django Angular StarterKit

This is a starter kit for the projects based on Angular as a frontend and Django as a backend.

Here are the technical specs and the use case for using this starter kit.

Frontend: Angular
Backend: Django + (Any supported DB)

Here is the link to GitHub repo: https://github.com/kurund/django-angular-starterkit

Setup

1. Install virtulenv (https://pypi.python.org/pypi/virtualenv)
2. Clone the project git clone git@github.com:kurund/django-angular-starterkit.git
3. cd django-angular-starterkit

Backend

a. Create and activate virtualenv

virtualenv -p python3 env source env/bin/activate

b. Install required packages

pip install -r backend/requirements.txt

c. Setup

cd backend copy settings.py.txt to settings.py and update the db credentials
Note: I am using SQLLite for this starterkit

d. Setup database

python manage.py migrate

e. Run the server

python manage.py runserver

f. Check if the application is running correctly

http://127.0.0.1:8000/

g. Create a superuser for the admin backend

python manage.py createsuperuser

h. Login as superuser

http://127.0.0.1:8000/admin/

Setup frontend

a. Install the latest version of the node: https://nodejs.org/en/ b. Install Angular CLI: https://cli.angular.io/ c. Setup

cd webapp npm install

d. Run the project in development mode

ng serve

Structure

Django application

backend folder

Angular application

webapp folder

Here is the link to my previous version of the boilerplate project.