Interested in learning how to build a Progressive Web Application (PWA)? This tutorial series will take you through the steps of building a simple trivia game as a PWA using Django and Angular.

In the first part of this tutorial, you will learn how to build the backend API as the project’s frontend interface. The tutorial first takes you step by step through the process of setting up your local Django project. Then, you are taken through the steps of creating a new Django app within the Django project to begin coding the API. Using the Django models, you will populate your database and the Django Rest Framework to create an API endpoint that will be consumed by your application UI.

The second part of the tutorial series will focus on building the frontend of the trivia game PWA and creating the user interface code with Angular. 

Why PWA? 

PWAs are web applications that act like native mobile or desktop apps. The combination of this provides users and developers a wide range of advantages. For example, since web applications are shareable with URLs and can be easily found and visited on a web browser, this helps users and developers avoid having to download the software or app. On the other hand, PWAs don’t make use of the advantages offered by native apps such as: the ability to be used offline, or accessing a device’s camera or geolocation. 

Requirements

The tutorial requires you to have a Python version 3.6 or higher, and the Django backend web framework installed on your computer.