django-angular | starter project using Django Rest Angular | Continuous Deployment library

I am making a local page following this tutorial, and it implements a login using django and angular. But I can't get the button register to show anything. It just changes the directory to /register. I think it has to do with routing. I get no errors. And I don't know how to debug this thing anymore, so I've run out of options. This is my first 'website'.

Reason this isn't going smooth is because I did not get the starter project the tutorial came with. I wanted to learn how to implement this from scratch. This means my packages are newer (bootstrap, django, etc). Let me know if you need any more info, please. Thanks.

/templates/index.html

I have searched through all the questions here already on TemplateDoesNotExist. I have also been troubleshooting this for about 12 hours. There is something I am not understanding. I am new to django.

I am following the following Thinkster tutorial: Building Web Applications with Django and AngularJS

Here is the error:

Exception Location: C:\Users\Workstation333\AppData\Local\Programs\Python\Python36\lib\site-packages\django\template\loader.py in select_template, line 47

Exception Type: TemplateDoesNotExist

Exception Value: index.html

• django.template.loaders.app_directories.Loader: C:\Users\Workstation333\AppData\Local\Programs\Python\Python36\lib\site-packages\django\contrib\admin\templates\index.html (Source does not exist)
• django.template.loaders.app_directories.Loader: C:\Users\Workstation333\AppData\Local\Programs\Python\Python36\lib\site-packages\django\contrib\auth\templates\index.html (Source does not exist)
• django.template.loaders.app_directories.Loader: C:\Users\Workstation333\AppData\Local\Programs\Python\Python36\lib\site-packages\rest_framework\templates\index.html (Source does not exist)

This IndexView code I do not understand, and I believe is where the problem lies. The tutorial doesn't go over this code. I think this is what changes the index.html or how to find it. This is inside my views.py and is same project folder where my urls.py is located.

views.py

I am using the sites application (django.contrib.sites) in my application. I have created a data migration which sets the values of the current site when the database is created, however my data migration is being executed before the sites application is installed. How can I force my data migrations to be executed after the sites migrations.

This project is intended to be a seed to be used for other projects, and I often delete the database and start fresh so it is important that the initial makemigrations/migrate commands work out of the box.

My migrations file exists in the main application folder:

I am working through this Getting started with Django Rest Framework by Building a Simple Product Inventory Manager tutorial. At the end the tutorial, it says that I "should now be able to run your server and start playing with diffrent API endpoints". However, when I run the server, all I'm getting is a TemplateDoesNotExist error. At no point in the tutorial does it mention creating templates (and this is eventually going to connect to an Angular 2 frontend, as shown in this tutorial), so I'm confused at to whether this is an error in my code, or if the tutorial left a step out. I do not get any console errors when I run my code.

serializers.py

• Django 1.11
• Django REST Framework (DRF) 3.6
• DRF-JWT 1.10
• AngularJS 1.6.5
• ui-router 1.0.3

Fairly new to all of this technology and have been messing with this issue for several days now. Learned about this stack (minus UI-router which I just switched to a week ago) through the following class and repository:

https://www.udemy.com/django-angularjs/learn/v4/overview

https://github.com/codingforentrepreneurs/Django-AngularJS/tree/master/src

These are the directories that are probably the most relevant to my issue:

Config and JS: https://github.com/codingforentrepreneurs/Django-AngularJS/tree/master/src/static/js/app

Login-required interceptor: https://github.com/codingforentrepreneurs/Django-AngularJS/tree/master/src/static/js/app/core/interceptors

Service, pages where login is required, and interceptor is utilized: https://github.com/codingforentrepreneurs/Django-AngularJS/tree/master/src/static/js/app/core/comment

I am trying to adapt it for my project.

I have read several tutorials on using ui-router purely for this purpose, but they don't seem to use DRF-JWT or are missing important steps that a newb like me needs.

Anyway, I have two urls:

/

/dashboard

The former is the login, /dashboard requires authorization and should route to / if the person isn't logged in. Before I started trying to implement this, one could just type in /dashboard without being authenticated and view it. I have verified that when a person logins in the token through DRF-JWT it is being generated and written to the cookie as I can console.log it on successful login.

Since I have been trying to implement this, I can't even get / to load. I get an $injector:modulerr issue that I can't resolve.

Code time:

I get the $injector:modulerr once I change:

After researching for the days I'm yet to decide what's the best structure for the AngularJs with Django.Many projects available on GitHub and tutorials on the net using angular files in Django project's static folder.This below structure is mostly followed in Angular 1 with Django.