Djoser-Angular

Django backend authentication using Djoser with Angular frontend

1. Create virtualenv using pipenv

   pipenv install django djangorestframework djangorestframework-jwt djoser python-decouple
   # activate virtualenv using
   pipenv shell
   

2. Start django project

   # ending dot creates files in the same folder
   django-admin startproject backend .
   ng new frontend
   

   Don't run django migrate command for now.

3. Start django app for custom user model

   python manage.py startapp users
   

   You can find the code for the custom user model from the same repo folder 'users'.

4. Specify the custom user model in django settings by

   # backend/settings.py
   INSTALLED_APPS = [
   	'users',
   ]
   # specify user model
   AUTH_USER_MODEL = 'users.User'
   

   Now run the makemigrations and migrate command

5. Start angular project using Angular CLI

   // styling files will be in 'scss' format and routing file will be pre initiated.
   ng new frontend --style=scss --routing
   

6. Try out the project progress so far by running django and angular server

   python manage.py runserver
   

   In another command prompt run angular server

   cd frontend
   ng serve -o
   

Project is under construction.