Bailey Malone b-malone

In this session, we are going to mimic a posts api that we worked on in a previous class. Typecode provides the free sample api.

APIs are what enable the backend, frontend and your mobile application to work together. We have also seen how to build basic REST api using Django Rest Framework

To get the post API to work we will need to work on four modules:

Create a webpack.mix.js file in root directory:

const { mix } = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
  .sass('resources/assets/sass/app.scss', 'public/css');
  
/* Optional: uncomment for bootstrap fonts */
// mix.copy('node_modules/bootstrap-sass/assets/fonts/bootstrap/','public/fonts/bootstrap');

Guide on how to create and set up a Dockerized web app using Django REST APIs and ReactJS

Hopefully this will answer "How do I setup or start a Django project using REST Framework and ReactJS?"

I created this because it was SUCH a pain in the ass setting up a project using all the latest technologies. After some research, I figured it out and have it working. The repo that implements this is located here. Feel free to use it as a boilerplate ;)

Main features:

Django REST APIs
ReactJS with Redux Pattern
Webpack module bundler manager

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers

This document has now been incorporated into the uWSGI documentation:

http://uwsgi-docs.readthedocs.org/en/latest/tutorials/Django_and_nginx.html

Set up Django, nginx and uwsgi

Steps with explanations to set up a server using:

	1. Make folder tree like these
	mi_project
	├── src
	│ ├── midjangoapp
	│ ├── manage.py
	├── config
	│ ├── requirements.pip
	│ ├── nginx
	│ ├── midjangoapp.conf
	├── Dockerfile

	var gulp = require('gulp');
	var browserify = require('gulp-browserify');
	var concat = require('gulp-concat');
	var less = require('gulp-less');
	var refresh = require('gulp-livereload');
	var lr = require('tiny-lr');
	var server = lr();
	var minifyCSS = require('gulp-minify-css');
	var embedlr = require('gulp-embedlr');

	# -- coding: utf-8 --
	from django import forms

	from crispy_forms.helper import FormHelper
	from crispy_forms.layout import Layout, Div, Submit, HTML, Button, Row, Field
	from crispy_forms.bootstrap import AppendedText, PrependedText, FormActions


	class MessageForm(forms.Form):
	text_input = forms.CharField()

	# Credit http://stackoverflow.com/a/2514279
	for branch in `git branch -r \| grep -v HEAD`;do echo -e `git show --format="%ci %cr" $branch \| head -n 1` \\t$branch; done \| sort -r