diff --git a/.bandit b/.bandit
new file mode 100644
index 0000000..e94163b
--- /dev/null
+++ b/.bandit
@@ -0,0 +1,5 @@
+[bandit]
+exclude: test_*.py,./venv/,./env/,./node_modules/,./cacheback/,./.env,./.venv
+skips: B101,B311
+# B101: assert
+# B311: random
diff --git a/.bootstraprc b/.bootstraprc
new file mode 100644
index 0000000..e5b99a7
--- /dev/null
+++ b/.bootstraprc
@@ -0,0 +1,107 @@
+---
+# Output debugging info
+# loglevel: debug
+
+# Major version of Bootstrap: 3 or 4
+bootstrapVersion: 4
+
+# Webpack loaders, order matters
+styleLoaders:
+ - style-loader
+ - css-loader
+ - sass-loader
+ - postcss-loader
+
+# Extract styles to stand-alone css file
+# Different settings for different environments can be used,
+# It depends on value of NODE_ENV environment variable
+# This param can also be set in webpack config:
+# entry: 'bootstrap-loader/extractStyles'
+# env:
+# development:
+# extractStyles: false
+# production:
+# extractStyles: true
+
+
+# Customize Bootstrap variables that get imported before the original Bootstrap variables.
+# Thus, derived Bootstrap variables can depend on values from here.
+# See the Bootstrap _variables.scss file for examples of derived Bootstrap variables.
+#
+# preBootstrapCustomizations: ./path/to/bootstrap/pre-customizations.scss
+
+
+# This gets loaded after bootstrap/variables is loaded
+# Thus, you may customize Bootstrap variables
+# based on the values established in the Bootstrap _variables.scss file
+#
+bootstrapCustomizations: ./frontend/sass/vendor/custom-bootstrap.scss
+
+
+# Import your custom styles here
+# Usually this endpoint-file contains list of @imports of your application styles
+#
+# appStyles: ./path/to/your/app/styles/endpoint.scss
+appStyles: ./frontend/sass/style.scss
+
+
+### Bootstrap styles
+styles:
+
+ # Mixins
+ mixins: true
+
+ # Reset and dependencies
+ print: true
+
+ # Core CSS
+ buttons: true
+ code: true
+ forms: true
+ grid: true
+ images: true
+ reboot: true
+ tables: true
+ type: true
+
+ # Components
+ alert: false
+ badge: false
+ breadcrumb: false
+ button-group: false
+ card: true
+ close: false
+ custom-forms: false
+ dropdown: false
+ input-group: false
+ jumbotron: true
+ list-group: false
+ media: false
+ nav: true
+ navbar: true
+ pagination: false
+ progress: false
+ transitions: true
+
+ # Components w/ JavaScript
+ carousel: false
+ modal: false
+ popover: false
+ tooltip: false
+
+ # Utility classes
+ utilities: true
+
+### Bootstrap scripts
+scripts:
+ alert: false
+ button: true
+ carousel: false
+ collapse: true
+ dropdown: false
+ modal: false
+ popover: false
+ scrollspy: false
+ tab: false
+ tooltip: false
+ util: true
diff --git a/.circleci/config.yml b/.circleci/config.yml
new file mode 100644
index 0000000..2435488
--- /dev/null
+++ b/.circleci/config.yml
@@ -0,0 +1,98 @@
+version: 2
+
+jobs:
+ build:
+ working_directory: ~/djanga
+ docker:
+ - image: circleci/python:3.7-stretch-node-browsers # remeber to update those!
+ environment:
+ # makes default virtualenv be ignored by pipenv avoiding dependencies conflict
+ PIPENV_IGNORE_VIRTUALENVS: True
+ PIPENV_VENV_IN_PROJECT: True
+ PIPENV_DONT_LOAD_ENV: 0
+ steps:
+ - checkout
+ # this updates git-lfs to make pre-commit large files check hook work properly
+ # more details in https://github.com/pre-commit/pre-commit-hooks/issues/252
+ - run:
+ command: curl -s https://packagecloud.io/install/repositories/github/git-lfs/script.deb.sh | sudo bash
+ - run:
+ command: sudo apt-get install git-lfs --upgrade
+ - run:
+ command: sudo chown -R circleci:circleci /usr/local/bin
+ - run:
+ command: sudo chown -R circleci:circleci /usr/local/lib/python3.7/site-packages
+ - run:
+ command: pip install requests pipenv --upgrade
+
+ - restore_cache:
+ keys:
+ - v1-pipenv-cache-{{ .Branch }}-{{ .Environment.CIRCLE_SHA1 }}
+ - v1-pipenv-cache-{{ .Branch }}-
+ - v1-pipenv-cache-
+ - run:
+ command: pipenv install --dev
+ - save_cache:
+ key: pipenv-cache-{{ .Branch }}-{{ .Environment.CIRCLE_SHA1 }}
+ paths:
+ - .venv
+ - /usr/local/bin
+ - /usr/local/lib/python3.7/site-packages
+ - restore_cache:
+ keys:
+ - v1-npm-cache-{{ .Branch }}-{{ .Environment.CIRCLE_SHA1 }}
+ - v1-npm-cache-{{ .Branch }}-
+ - v1-npm-cache-
+ - run:
+ command: npm install
+ - save_cache:
+ key: npm-cache-{{ .Branch }}-{{ .Environment.CIRCLE_SHA1 }}
+ paths:
+ - node_modules
+
+ - run:
+ command: npm run build
+ - run:
+ command: npm run lint
+ # style check
+ - run:
+ command: pipenv run prospector --messages-only
+ # security checks
+ - run:
+ command: pipenv run bandit -r .
+ - run:
+ command: pipenv check
+ # imports check
+ - run:
+ command: pipenv run isort **/*.py --check-only
+ - run:
+ command: pipenv run pre-commit run --all-files
+ environment:
+ SKIP: prospector,isort,eslint,missing-migrations
+ - run:
+ command: (cd backend; pipenv run python manage.py has_missing_migrations --ignore authtools)
+ environment:
+ DJANGO_SETTINGS_MODULE: 'djanga.settings.local_base'
+ - run:
+ command: (cd backend; pipenv run python manage.py check --deploy)
+ environment:
+ DJANGO_SETTINGS_MODULE: 'djanga.settings.production'
+ SECRET_KEY: "$(python -c 'import uuid; print(uuid.uuid4().hex + uuid.uuid4().hex)')"
+ DATABASE_URL: 'sqlite:///'
+ ALLOWED_HOSTS: '.example.org'
+ SENDGRID_USERNAME: 'test'
+ SENDGRID_PASSWORD: 'test'
+ REDIS_URL: 'redis://'
+ - run:
+ command: (cd backend; pipenv run coverage run manage.py test)
+ - run:
+ command: npm run test
+ - run:
+ command: |
+ mkdir -p test-reports/
+ pipenv run coverage xml -o test-reports/results.xml
+ when: always
+ - store_test_results:
+ path: test-reports
+ - store_artifacts:
+ path: test-reports
diff --git a/.coveragerc b/.coveragerc
new file mode 100644
index 0000000..c98f608
--- /dev/null
+++ b/.coveragerc
@@ -0,0 +1,6 @@
+[run]
+branch = True
+omit = */virtualenvs/*
+ */migrations/*
+ */settings/*
+ */tests/*
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..0393028
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,29 @@
+# editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+end_of_line = lf
+
+[*.js]
+indent_size = 2
+
+[*.html]
+indent_size = 2
+
+[*.scss]
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab
+
+[*.yml]
+indent_size = 2
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..575c8b0
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,2 @@
+frontend/bundles/
+frontend/webpack_bundles/
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..4f148b6
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,22 @@
+const path = require('path');
+
+module.exports = {
+ "extends": "airbnb",
+ "rules": {
+ "jsx-a11y/": 0,
+ "react/jsx-filename-extension": 0
+ },
+ "env": {
+ "es6": true,
+ "browser": true,
+ "jest": true
+ },
+ "settings": {
+ "import/resolver": {
+ "webpack": {
+ "config": path.join(__dirname, '/webpack.local.config.js'),
+ "config-index": 1
+ }
+ }
+ }
+}
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..50420c6
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,49 @@
+*.pyc
+/db.sqlite3
+.DS_Store
+.env
+*/settings/local.py
+/staticfiles/*
+/mediafiles/*
+__pycache__/
+
+# coverage result
+.coverage
+/coverage/
+
+# pycharm
+.idea
+
+# data
+*.dump
+
+# npm
+node_modules/
+npm-debug.log
+
+#Folders
+.DS_Store
+
+# Webpack
+/frontend/bundles/*
+/frontend/webpack_bundles/*
+/webpack-stats.json
+/jquery-webpack-stats.json
+
+# Sass
+.sass-cache
+*.map
+
+# General
+/venv/
+/env/
+/output/
+/cache/
+.vscode/
+
+# Spritesmith
+spritesmith-generated/
+spritesmith.scss
+
+# templated email
+tmp_email/
diff --git a/.isort.cfg b/.isort.cfg
new file mode 100644
index 0000000..756471a
--- /dev/null
+++ b/.isort.cfg
@@ -0,0 +1,9 @@
+[settings]
+line_length=100
+multi_line_output=5
+known_django=django
+sections=FUTURE,STDLIB,DJANGO,THIRDPARTY,FIRSTPARTY,LOCALFOLDER
+lines_after_imports=2
+atomic=True
+combine_star=True
+skip=venv,env,node_modules,migrations,.env,.venv
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
new file mode 100644
index 0000000..07bc8db
--- /dev/null
+++ b/.pre-commit-config.yaml
@@ -0,0 +1,41 @@
+fail_fast: true
+repos:
+ - repo: git://github.com/pre-commit/pre-commit-hooks
+ rev: v0.9.2
+ hooks:
+ - id: check-added-large-files
+ args: ["--maxkb=500"]
+ - id: check-byte-order-marker
+ - id: check-case-conflict
+ - id: check-merge-conflict
+ - id: check-symlinks
+ - id: debug-statements
+ - id: detect-private-key
+
+ - repo: local
+ hooks:
+ - id: isort
+ name: isort-local
+ entry: isort
+ language: python
+ types: [python]
+ exclude: .+/(settings|migrations)/.+
+ pass_filenames: true
+ - id: eslint
+ name: eslint-local
+ entry: npm run lint
+ language: system
+ types: [javascript]
+ exclude: >
+ (?x)^(
+ .+\.config\.js|
+ server\.js|
+ \.eslintrc\.js
+ )$
+ pass_filenames: true
+ - id: missing-migrations
+ name: missing-migrations-local
+ entry: pipenv run python backend/manage.py has_missing_migrations
+ language: system
+ always_run: true
+ pass_filenames: false
diff --git a/.prospector.yaml b/.prospector.yaml
new file mode 100644
index 0000000..a0c34a1
--- /dev/null
+++ b/.prospector.yaml
@@ -0,0 +1,51 @@
+output-format: text
+
+strictness: veryhigh
+test-warnings: true
+doc-warnings: false
+member-warnings: true
+
+uses:
+ - django
+ - celery
+
+pep8:
+ full: true
+ disable:
+ - D100
+ - D101
+ - D102
+ - D103
+ - D105
+ - D205
+ - D400
+ - N802 # function name should be lowercase, breaks on tests
+ options:
+ max-line-length: 100
+
+pyflakes:
+ disable:
+ - F999
+
+pylint:
+ disable:
+ - too-few-public-methods
+ - invalid-name
+ - no-self-use
+ - no-member
+ options:
+ max-line-length: 100
+
+dodgy:
+ run: true
+
+ignore-paths:
+ - node_modules
+ - venv
+ - env
+ - .env
+ - .venv
+
+ignore-patterns:
+ - .+/migrations/.+
+ - .+/settings/.+
diff --git a/.pylintrc b/.pylintrc
new file mode 100644
index 0000000..476bb44
--- /dev/null
+++ b/.pylintrc
@@ -0,0 +1,562 @@
+[MASTER]
+
+# A comma-separated list of package or module names from where C extensions may
+# be loaded. Extensions are loading into the active Python interpreter and may
+# run arbitrary code.
+extension-pkg-whitelist=
+
+# Add files or directories to the blacklist. They should be base names, not
+# paths.
+ignore=CVS
+
+# Add files or directories matching the regex patterns to the blacklist. The
+# regex matches against base names, not paths.
+ignore-patterns=
+
+# Python code to execute, usually for sys.path manipulation such as
+# pygtk.require().
+#init-hook=
+
+# Use multiple processes to speed up Pylint. Specifying 0 will auto-detect the
+# number of processors available to use.
+jobs=1
+
+# Control the amount of potential inferred values when inferring a single
+# object. This can help the performance when dealing with large functions or
+# complex, nested conditions.
+limit-inference-results=100
+
+# List of plugins (as comma separated values of python modules names) to load,
+# usually to register additional checkers.
+load-plugins=
+
+# Pickle collected data for later comparisons.
+persistent=yes
+
+# Specify a configuration file.
+#rcfile=.pylintrc
+
+# When enabled, pylint would attempt to guess common misconfiguration and emit
+# user-friendly hints instead of false-positive error messages.
+suggestion-mode=yes
+
+# Allow loading of arbitrary C extensions. Extensions are imported into the
+# active Python interpreter and may run arbitrary code.
+unsafe-load-any-extension=no
+
+
+[MESSAGES CONTROL]
+
+# Only show warnings with the listed confidence levels. Leave empty to show
+# all. Valid levels: HIGH, INFERENCE, INFERENCE_FAILURE, UNDEFINED.
+confidence=
+
+# Disable the message, report, category or checker with the given id(s). You
+# can either give multiple identifiers separated by comma (,) or put this
+# option multiple times (only on the command line, not in the configuration
+# file where it should appear only once). You can also use "--disable=all" to
+# disable everything first and then reenable specific checks. For example, if
+# you want to run only the similarities checker, you can use "--disable=all
+# --enable=similarities". If you want to run only the classes checker, but have
+# no Warning level messages displayed, use "--disable=all --enable=classes
+# --disable=W".
+disable=print-statement,
+ parameter-unpacking,
+ unpacking-in-except,
+ old-raise-syntax,
+ backtick,
+ long-suffix,
+ old-ne-operator,
+ old-octal-literal,
+ import-star-module-level,
+ non-ascii-bytes-literal,
+ raw-checker-failed,
+ bad-inline-option,
+ locally-disabled,
+ locally-enabled,
+ file-ignored,
+ suppressed-message,
+ useless-suppression,
+ deprecated-pragma,
+ use-symbolic-message-instead,
+ apply-builtin,
+ basestring-builtin,
+ buffer-builtin,
+ cmp-builtin,
+ coerce-builtin,
+ execfile-builtin,
+ file-builtin,
+ long-builtin,
+ raw_input-builtin,
+ reduce-builtin,
+ standarderror-builtin,
+ unicode-builtin,
+ xrange-builtin,
+ coerce-method,
+ delslice-method,
+ getslice-method,
+ setslice-method,
+ no-absolute-import,
+ old-division,
+ dict-iter-method,
+ dict-view-method,
+ next-method-called,
+ metaclass-assignment,
+ indexing-exception,
+ raising-string,
+ reload-builtin,
+ oct-method,
+ hex-method,
+ nonzero-method,
+ cmp-method,
+ input-builtin,
+ round-builtin,
+ intern-builtin,
+ unichr-builtin,
+ map-builtin-not-iterating,
+ zip-builtin-not-iterating,
+ range-builtin-not-iterating,
+ filter-builtin-not-iterating,
+ using-cmp-argument,
+ eq-without-hash,
+ div-method,
+ idiv-method,
+ rdiv-method,
+ exception-message-attribute,
+ invalid-str-codec,
+ sys-max-int,
+ bad-python3-import,
+ deprecated-string-function,
+ deprecated-str-translate-call,
+ deprecated-itertools-function,
+ deprecated-types-field,
+ next-method-defined,
+ dict-items-not-iterating,
+ dict-keys-not-iterating,
+ dict-values-not-iterating,
+ deprecated-operator-function,
+ deprecated-urllib-function,
+ xreadlines-attribute,
+ deprecated-sys-function,
+ exception-escape,
+ comprehension-escape,
+ unused-wildcard-import,
+ missing-docstring,
+ wildcard-import,
+ anomalous-backslash-in-string
+
+# Enable the message, report, category or checker with the given id(s). You can
+# either give multiple identifier separated by comma (,) or put this option
+# multiple time (only on the command line, not in the configuration file where
+# it should appear only once). See also the "--disable" option for examples.
+enable=c-extension-no-member
+
+
+[REPORTS]
+
+# Python expression which should return a note less than 10 (10 is the highest
+# note). You have access to the variables errors warning, statement which
+# respectively contain the number of errors / warnings messages and the total
+# number of statements analyzed. This is used by the global evaluation report
+# (RP0004).
+evaluation=10.0 - ((float(5 * error + warning + refactor + convention) / statement) * 10)
+
+# Template used to display messages. This is a python new-style format string
+# used to format the message information. See doc for all details.
+#msg-template=
+
+# Set the output format. Available formats are text, parseable, colorized, json
+# and msvs (visual studio). You can also give a reporter class, e.g.
+# mypackage.mymodule.MyReporterClass.
+output-format=text
+
+# Tells whether to display a full report or only the messages.
+reports=no
+
+# Activate the evaluation score.
+score=yes
+
+
+[REFACTORING]
+
+# Maximum number of nested blocks for function / method body
+max-nested-blocks=5
+
+# Complete name of functions that never returns. When checking for
+# inconsistent-return-statements if a never returning function is called then
+# it will be considered as an explicit return statement and no message will be
+# printed.
+never-returning-functions=sys.exit
+
+
+[LOGGING]
+
+# Logging modules to check that the string format arguments are in logging
+# function parameter format.
+logging-modules=logging
+
+
+[MISCELLANEOUS]
+
+# List of note tags to take in consideration, separated by a comma.
+notes=FIXME,
+ XXX,
+ TODO
+
+
+[BASIC]
+
+# Naming style matching correct argument names.
+argument-naming-style=snake_case
+
+# Regular expression matching correct argument names. Overrides argument-
+# naming-style.
+#argument-rgx=
+
+# Naming style matching correct attribute names.
+attr-naming-style=snake_case
+
+# Regular expression matching correct attribute names. Overrides attr-naming-
+# style.
+#attr-rgx=
+
+# Bad variable names which should always be refused, separated by a comma.
+bad-names=foo,
+ bar,
+ baz,
+ toto,
+ tutu,
+ tata
+
+# Naming style matching correct class attribute names.
+class-attribute-naming-style=any
+
+# Regular expression matching correct class attribute names. Overrides class-
+# attribute-naming-style.
+#class-attribute-rgx=
+
+# Naming style matching correct class names.
+class-naming-style=PascalCase
+
+# Regular expression matching correct class names. Overrides class-naming-
+# style.
+#class-rgx=
+
+# Naming style matching correct constant names.
+const-naming-style=UPPER_CASE
+
+# Regular expression matching correct constant names. Overrides const-naming-
+# style.
+#const-rgx=
+
+# Minimum line length for functions/classes that require docstrings, shorter
+# ones are exempt.
+docstring-min-length=-1
+
+# Naming style matching correct function names.
+function-naming-style=snake_case
+
+# Regular expression matching correct function names. Overrides function-
+# naming-style.
+#function-rgx=
+
+# Good variable names which should always be accepted, separated by a comma.
+good-names=i,
+ j,
+ k,
+ ex,
+ Run,
+ _
+
+# Include a hint for the correct naming format with invalid-name.
+include-naming-hint=no
+
+# Naming style matching correct inline iteration names.
+inlinevar-naming-style=any
+
+# Regular expression matching correct inline iteration names. Overrides
+# inlinevar-naming-style.
+#inlinevar-rgx=
+
+# Naming style matching correct method names.
+method-naming-style=snake_case
+
+# Regular expression matching correct method names. Overrides method-naming-
+# style.
+#method-rgx=
+
+# Naming style matching correct module names.
+module-naming-style=snake_case
+
+# Regular expression matching correct module names. Overrides module-naming-
+# style.
+#module-rgx=
+
+# Colon-delimited sets of names that determine each other's naming style when
+# the name regexes allow several styles.
+name-group=
+
+# Regular expression which should only match function or class names that do
+# not require a docstring.
+no-docstring-rgx=^_
+
+# List of decorators that produce properties, such as abc.abstractproperty. Add
+# to this list to register other decorators that produce valid properties.
+# These decorators are taken in consideration only for invalid-name.
+property-classes=abc.abstractproperty
+
+# Naming style matching correct variable names.
+variable-naming-style=snake_case
+
+# Regular expression matching correct variable names. Overrides variable-
+# naming-style.
+#variable-rgx=
+
+
+[VARIABLES]
+
+# List of additional names supposed to be defined in builtins. Remember that
+# you should avoid to define new builtins when possible.
+additional-builtins=
+
+# Tells whether unused global variables should be treated as a violation.
+allow-global-unused-variables=yes
+
+# List of strings which can identify a callback function by name. A callback
+# name must start or end with one of those strings.
+callbacks=cb_,
+ _cb
+
+# A regular expression matching the name of dummy variables (i.e. expected to
+# not be used).
+dummy-variables-rgx=_+$|(_[a-zA-Z0-9_]*[a-zA-Z0-9]+?$)|dummy|^ignored_|^unused_
+
+# Argument names that match this expression will be ignored. Default to name
+# with leading underscore.
+ignored-argument-names=_.*|^ignored_|^unused_
+
+# Tells whether we should check for unused import in __init__ files.
+init-import=no
+
+# List of qualified module names which can have objects that can redefine
+# builtins.
+redefining-builtins-modules=six.moves,past.builtins,future.builtins,builtins,io
+
+
+[FORMAT]
+
+# Expected format of line ending, e.g. empty (any line ending), LF or CRLF.
+expected-line-ending-format=
+
+# Regexp for a line that is allowed to be longer than the limit.
+ignore-long-lines=^\s*(# )??$
+
+# Number of spaces of indent required inside a hanging or continued line.
+indent-after-paren=4
+
+# String used as indentation unit. This is usually " " (4 spaces) or "\t" (1
+# tab).
+indent-string=' '
+
+# Maximum number of characters on a single line.
+max-line-length=100
+
+# Maximum number of lines in a module.
+max-module-lines=1000
+
+# List of optional constructs for which whitespace checking is disabled. `dict-
+# separator` is used to allow tabulation in dicts, etc.: {1 : 1,\n222: 2}.
+# `trailing-comma` allows a space between comma and closing bracket: (a, ).
+# `empty-line` allows space-only lines.
+no-space-check=trailing-comma,
+ dict-separator
+
+# Allow the body of a class to be on the same line as the declaration if body
+# contains single statement.
+single-line-class-stmt=no
+
+# Allow the body of an if to be on the same line as the test if there is no
+# else.
+single-line-if-stmt=no
+
+
+[SPELLING]
+
+# Limits count of emitted suggestions for spelling mistakes.
+max-spelling-suggestions=4
+
+# Spelling dictionary name. Available dictionaries: none. To make it working
+# install python-enchant package..
+spelling-dict=
+
+# List of comma separated words that should not be checked.
+spelling-ignore-words=
+
+# A path to a file that contains private dictionary; one word per line.
+spelling-private-dict-file=
+
+# Tells whether to store unknown words to indicated private dictionary in
+# --spelling-private-dict-file option instead of raising a message.
+spelling-store-unknown-words=no
+
+
+[TYPECHECK]
+
+# List of decorators that produce context managers, such as
+# contextlib.contextmanager. Add to this list to register other decorators that
+# produce valid context managers.
+contextmanager-decorators=contextlib.contextmanager
+
+# List of members which are set dynamically and missed by pylint inference
+# system, and so shouldn't trigger E1101 when accessed. Python regular
+# expressions are accepted.
+generated-members=
+
+# Tells whether missing members accessed in mixin class should be ignored. A
+# mixin class is detected if its name ends with "mixin" (case insensitive).
+ignore-mixin-members=yes
+
+# Tells whether to warn about missing members when the owner of the attribute
+# is inferred to be None.
+ignore-none=yes
+
+# This flag controls whether pylint should warn about no-member and similar
+# checks whenever an opaque object is returned when inferring. The inference
+# can return multiple potential results while evaluating a Python object, but
+# some branches might not be evaluated, which results in partial inference. In
+# that case, it might be useful to still emit no-member and other checks for
+# the rest of the inferred objects.
+ignore-on-opaque-inference=yes
+
+# List of class names for which member attributes should not be checked (useful
+# for classes with dynamically set attributes). This supports the use of
+# qualified names.
+ignored-classes=optparse.Values,thread._local,_thread._local
+
+# List of module names for which member attributes should not be checked
+# (useful for modules/projects where namespaces are manipulated during runtime
+# and thus existing member attributes cannot be deduced by static analysis. It
+# supports qualified module names, as well as Unix pattern matching.
+ignored-modules=
+
+# Show a hint with possible names when a member name was not found. The aspect
+# of finding the hint is based on edit distance.
+missing-member-hint=yes
+
+# The minimum edit distance a name should have in order to be considered a
+# similar match for a missing member name.
+missing-member-hint-distance=1
+
+# The total number of similar names that should be taken in consideration when
+# showing a hint for a missing member.
+missing-member-max-choices=1
+
+
+[SIMILARITIES]
+
+# Ignore comments when computing similarities.
+ignore-comments=yes
+
+# Ignore docstrings when computing similarities.
+ignore-docstrings=yes
+
+# Ignore imports when computing similarities.
+ignore-imports=no
+
+# Minimum lines number of a similarity.
+min-similarity-lines=4
+
+
+[IMPORTS]
+
+# Allow wildcard imports from modules that define __all__.
+allow-wildcard-with-all=no
+
+# Analyse import fallback blocks. This can be used to support both Python 2 and
+# 3 compatible code, which means that the block might have code that exists
+# only in one or another interpreter, leading to false positives when analysed.
+analyse-fallback-blocks=no
+
+# Deprecated modules which should not be used, separated by a comma.
+deprecated-modules=optparse,tkinter.tix
+
+# Create a graph of external dependencies in the given file (report RP0402 must
+# not be disabled).
+ext-import-graph=
+
+# Create a graph of every (i.e. internal and external) dependencies in the
+# given file (report RP0402 must not be disabled).
+import-graph=
+
+# Create a graph of internal dependencies in the given file (report RP0402 must
+# not be disabled).
+int-import-graph=
+
+# Force import order to recognize a module as part of the standard
+# compatibility libraries.
+known-standard-library=
+
+# Force import order to recognize a module as part of a third party library.
+known-third-party=enchant
+
+
+[DESIGN]
+
+# Maximum number of arguments for function / method.
+max-args=5
+
+# Maximum number of attributes for a class (see R0902).
+max-attributes=7
+
+# Maximum number of boolean expressions in an if statement.
+max-bool-expr=5
+
+# Maximum number of branch for function / method body.
+max-branches=12
+
+# Maximum number of locals for function / method body.
+max-locals=15
+
+# Maximum number of parents for a class (see R0901).
+max-parents=7
+
+# Maximum number of public methods for a class (see R0904).
+max-public-methods=20
+
+# Maximum number of return / yield for function / method body.
+max-returns=6
+
+# Maximum number of statements in function / method body.
+max-statements=50
+
+# Minimum number of public methods for a class (see R0903).
+min-public-methods=2
+
+
+[CLASSES]
+
+# List of method names used to declare (i.e. assign) instance attributes.
+defining-attr-methods=__init__,
+ __new__,
+ setUp
+
+# List of member names, which should be excluded from the protected access
+# warning.
+exclude-protected=_asdict,
+ _fields,
+ _replace,
+ _source,
+ _make
+
+# List of valid names for the first argument in a class method.
+valid-classmethod-first-arg=cls
+
+# List of valid names for the first argument in a metaclass class method.
+valid-metaclass-classmethod-first-arg=cls
+
+
+[EXCEPTIONS]
+
+# Exceptions that will emit a warning when being caught. Defaults to
+# "Exception".
+overgeneral-exceptions=Exception
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..5ed5fba
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,14 @@
+# Contributing
+## How to test `django-admin startproject`
+If you made changes to this boilerplate and want to test them, commit your changes and use `git archive -o boilerplate.zip HEAD` to create the template zip. Then, do a `cd ..` and a `django-admin startproject theprojectname --extension py,yml,json --name Procfile,README.md,.env.example --template=django-react-boilerplate/boilerplate.zip` to test the project bootstrap.
+
+## How to test Heroku deployment
+Push your changes to a branch and visit `https://dashboard.heroku.com/new?template=https://github.com/fill-org-or-user/fill-project-repo-name/tree/fill-branch` (replace all `fill-*`).
+
+## How to add a 'Deploy to Heroku' button
+Read [this](https://devcenter.heroku.com/articles/heroku-button#adding-the-heroku-button).
+
+P.S. if you want to deploy in a different way please check the `app.json` file for what needs to be configured.
+
+## PR Checklist
+Read [this](http://pullrequests.devchecklists.com) for a more detailed guide on best practices for opening PRs.
diff --git a/LICENSE.txt b/LICENSE.txt
new file mode 100644
index 0000000..341d704
--- /dev/null
+++ b/LICENSE.txt
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Vinta Serviços e Soluções Tecnológicas Ltda
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..28a84d9
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,12 @@
+ARG := $(word 2, $(MAKECMDGOALS) )
+
+
+clean:
+ @find . -name "*.pyc" -exec rm -rf {} \;
+ @find . -name "__pycache__" -delete
+
+test:
+ pipenv run python manage.py test $(ARG) --parallel --keepdb
+
+testreset:
+ pipenv run python manage.py test $(ARG) --parallel
diff --git a/Pipfile b/Pipfile
new file mode 100644
index 0000000..26c6124
--- /dev/null
+++ b/Pipfile
@@ -0,0 +1,41 @@
+[[source]]
+
+url = "https://pypi.python.org/simple"
+verify_ssl = true
+name = "pypi"
+
+
+[dev-packages]
+
+bandit = "*"
+coverage = "*"
+django-naomi = "*"
+isort = "*"
+model-mommy = "*"
+pre-commit = "*"
+prospector = {version="==1.1.6.2", extras = ["with-vulture"]}
+safety = "*"
+
+
+[packages]
+
+django = "*"
+celery = {extras = ["redis"]}
+django-model-utils = "*"
+django-webpack-loader = "*"
+django-js-reverse = "*"
+django-import-export = "*"
+python-decouple = "*"
+"psycopg2" = "*"
+brotlipy = "*"
+django-log-request-id = "*"
+dj-database-url = "*"
+gunicorn = "*"
+whitenoise = "*"
+psutil = "*"
+ipython = "*"
+
+
+[requires]
+
+python_version = "3.7"
diff --git a/Procfile b/Procfile
new file mode 100644
index 0000000..129d863
--- /dev/null
+++ b/Procfile
@@ -0,0 +1,2 @@
+web: gunicorn test5.wsgi --chdir backend --limit-request-line 8188 --log-file -
+worker: celery worker --workdir backend --app=test5 --loglevel=info
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..2e32599
--- /dev/null
+++ b/README.md
@@ -0,0 +1,76 @@
+[](LICENSE.txt)
+
+# Djangá
+
+## About
+A [Django](https://www.djangoproject.com/) project boilerplate/template with lots of state of the art libraries and tools like:
+- [React](https://facebook.github.io/react/), for building interactive UIs
+- [django-js-reverse](https://github.com/ierror/django-js-reverse), for generating URLs on JS
+- [Bootstrap 4](https://v4-alpha.getbootstrap.com/), for responsive styling
+- [Webpack](https://webpack.js.org/), for bundling static assets
+- [Celery](http://www.celeryproject.org/), for background worker tasks
+- [WhiteNoise](http://whitenoise.evans.io/en/stable/) with [brotlipy](https://github.com/python-hyper/brotlipy), for efficient static files serving
+- [prospector](https://prospector.landscape.io/en/master/) and [ESLint](https://eslint.org/) with [pre-commit](http://pre-commit.com/) for automated quality assurance (does not replace proper testing!)
+
+For continuous integration, a [CircleCI](https://circleci.com/) configuration `.circleci/config.yml` is included.
+
+Also, includes a Heroku `app.json` and a working Django `production.py` settings, enabling easy deployments with ['Deploy to Heroku' button](https://devcenter.heroku.com/articles/heroku-button). Those Heroku plugins are included in `app.json`:
+- PostgreSQL, for DB
+- Redis, for Celery
+- Sendgrid, for e-mail sending
+- Papertrail, for logs and platform errors alerts (must set them manually)
+
+This is a good starting point for modern Python/JavaScript web projects.
+
+## Running
+### Setup
+- Inside the `backend` folder, do the following:
+- Create a copy of ``djanga/settings/local.py.example``:
+ `cp djanga/settings/local.py.example djanga/settings/local.py` (remembering you should replace `djanga` with your project's name!).
+- Create a copy of ``.env.example``:
+ `cp .env.example .env`
+- Create the migrations for `users` app (do this, then remove this line from the README):
+ `python manage.py makemigrations`
+- Run the migrations:
+ `python manage.py migrate`
+
+### Tools
+- Setup [editorconfig](http://editorconfig.org/), [prospector](https://prospector.landscape.io/en/master/) and [ESLint](http://eslint.org/) in the text editor you will use to develop.
+
+### Running the project
+- Open a command line window and go to the project's directory.
+- `pipenv install --dev`
+- `npm install`
+- `npm run start`
+- Open another command line window and go to the `backend` directory.
+- `pipenv shell`
+- `python manage.py runserver`
+
+#### Celery
+- Open a command line window and go to the project's directory
+- `pipenv shell`
+- `python manage.py celery`
+
+### Testing
+`make test`
+
+Will run django tests using `--keepdb` and `--parallel`. You may pass a path to the desired test module in the make command. E.g.:
+
+`make test someapp.tests.test_views`
+
+### Adding new pypi libs
+Just run `pipenv install LIB_NAME_ON_PYPI` and then `pipenv lock` to lock the version in Pipfile.lock file
+
+## Linting
+- Manually with `prospector` and `npm run lint` on project root.
+- During development with an editor compatible with prospector and ESLint.
+
+## Pre-commit hooks
+- Run `pre-commit install` to enable the hook into your git repo. The hook will run automatically for each commit.
+- Run `git commit -m "Your message" -n` to skip the hook if you need.
+
+## Commercial Support
+This project, as other Vinta open-source projects, is used in products of Vinta clients. We are always looking for exciting work, so if you need any commercial support, feel free to get in touch: contact@vinta.com.br
+
+Copyright (c) 2018 Vinta Serviços e Soluções Tecnológicas Ltda.
+[MIT License](LICENSE.txt)
diff --git a/app.json b/app.json
new file mode 100644
index 0000000..71972f5
--- /dev/null
+++ b/app.json
@@ -0,0 +1,72 @@
+{
+ "name": "djanga",
+ "description": "Djanga Heroku app.",
+ "scripts": {
+ "postdeploy": "python manage.py migrate"
+ },
+ "env": {
+ "ALLOWED_HOSTS": {
+ "description": "Django ALLOWED_HOSTS setting, e.g.: .appname.herokuapp.com"
+ },
+ "DISABLE_COLLECTSTATIC": {
+ "description": "Disables Heroku collectstatic",
+ "value": "1"
+ },
+ "ENABLE_DJANGO_COLLECTSTATIC": {
+ "description": "Enables post-compile collectstatic (it is run by bin/post_compile)",
+ "value": "1"
+ },
+ "AUTO_MIGRATE": {
+ "description": "Heroku setting to run Django migrate automatically (it is run by bin/post_compile)",
+ "value": "1"
+ },
+ "DJANGO_SETTINGS_MODULE": {
+ "description": "Django settings Python import path",
+ "value": "djanga.settings.production"
+ },
+ "SECRET_KEY": {
+ "description": "Django SECRET_KEY setting",
+ "generator": "secret"
+ }
+ },
+ "formation": {
+ "web": {
+ "quantity": 1,
+ "size": "free"
+ },
+ "worker": {
+ "quantity": 1,
+ "size": "free"
+ }
+ },
+ "addons": [
+ {
+ "plan": "heroku-postgresql:hobby-dev",
+ "options": {
+ "version": "9.5"
+ },
+ "as": "DATABASE"
+ },
+ {
+ "plan": "heroku-redis:hobby-dev",
+ "options": {
+ "version": "3.2"
+ },
+ "as": "REDIS"
+ },
+ {
+ "plan": "sendgrid:starter"
+ },
+ {
+ "plan": "papertrail:choklad"
+ }
+ ],
+ "buildpacks": [
+ {
+ "url": "heroku/nodejs"
+ },
+ {
+ "url": "heroku/python"
+ }
+ ]
+}
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..8a1d382
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,6 @@
+'use strict';
+
+module.exports = {
+ presets: ['@babel/preset-env', '@babel/preset-react'],
+ plugins: ['react-hot-loader/babel'],
+};
diff --git a/backend/.env.example b/backend/.env.example
new file mode 100644
index 0000000..725c322
--- /dev/null
+++ b/backend/.env.example
@@ -0,0 +1 @@
+DJANGO_SETTINGS_MODULE="djanga.settings.local"
diff --git a/backend/common/__init__.py b/backend/common/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/common/management/__init__.py b/backend/common/management/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/common/management/commands/__init__.py b/backend/common/management/commands/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/common/management/commands/celery.py b/backend/common/management/commands/celery.py
new file mode 100644
index 0000000..ac4905b
--- /dev/null
+++ b/backend/common/management/commands/celery.py
@@ -0,0 +1,36 @@
+# pylint: skip-file
+import getpass
+import shlex
+from subprocess import PIPE # nosec
+
+from django.core.management.base import BaseCommand
+from django.utils import autoreload
+
+import psutil
+
+
+def restart_celery():
+ for proc in psutil.process_iter():
+ if proc.username() != getpass.getuser(): # skip processes not owned by user
+ continue
+ if proc.name() != 'celery':
+ continue
+ # SIGTERM should only be sent to parent process, never to children processes
+ # see: https://github.com/celery/celery/issues/2700#issuecomment-259716123
+ if not proc.children():
+ continue
+ celery_proc = proc # found parent celery process
+ celery_proc.terminate()
+ break
+ cmd = "celery worker -A djanga -l INFO"
+ psutil.Popen(shlex.split(cmd), stdout=PIPE)
+
+
+class Command(BaseCommand):
+ def handle(self, *args, **kwargs):
+ print('Starting celery worker with autoreload')
+ try:
+ from django.utils.autoreload import run_with_reloader
+ run_with_reloader(restart_celery)
+ except ImportError:
+ autoreload.main(restart_celery)
diff --git a/backend/common/management/commands/has_missing_migrations.py b/backend/common/management/commands/has_missing_migrations.py
new file mode 100644
index 0000000..3034ff7
--- /dev/null
+++ b/backend/common/management/commands/has_missing_migrations.py
@@ -0,0 +1,55 @@
+import sys
+
+from django.apps import apps
+from django.conf import settings
+from django.core.management.base import BaseCommand
+from django.db import connections
+from django.db.migrations.autodetector import MigrationAutodetector
+from django.db.migrations.executor import MigrationExecutor
+from django.db.migrations.state import ProjectState
+from django.db.utils import OperationalError
+
+
+class Command(BaseCommand):
+ """
+ Detect if any apps have missing migration files
+ (not necessaily applied though)
+ Based on: https://gist.github.com/nealtodd/a8f87b0d95e73eb482c5
+ """
+ help = "Detect if any apps have missing migration files"
+
+ def add_arguments(self, parser):
+ parser.add_argument(
+ '--ignore',
+ action='store',
+ nargs='+',
+ dest='ignore',
+ default=[],
+ help="Comma separated list of apps to ignore missing migration files. "
+ "Useful for specifying third-party ones here.")
+
+ def handle(self, *args, **options):
+ changed = set()
+
+ self.stdout.write("Checking...")
+ for db in settings.DATABASES.keys():
+ try:
+ executor = MigrationExecutor(connections[db])
+ except OperationalError:
+ sys.exit("Unable to check migrations: cannot connect to database\n")
+
+ autodetector = MigrationAutodetector(
+ executor.loader.project_state(),
+ ProjectState.from_apps(apps),
+ )
+ changed.update(autodetector.changes(graph=executor.loader.graph).keys())
+
+ changed -= set(options['ignore'])
+
+ if changed:
+ sys.exit(
+ "Apps with model changes but no corresponding migration file: %(changed)s\n" % {
+ 'changed': list(changed)
+ })
+ else:
+ sys.stdout.write("All migration files present\n")
diff --git a/backend/common/models.py b/backend/common/models.py
new file mode 100644
index 0000000..9424db7
--- /dev/null
+++ b/backend/common/models.py
@@ -0,0 +1,12 @@
+from django.db import models
+from django.utils.translation import ugettext_lazy as _
+
+from model_utils.fields import AutoCreatedField, AutoLastModifiedField
+
+
+class IndexedTimeStampedModel(models.Model):
+ created = AutoCreatedField(_('created'), db_index=True)
+ modified = AutoLastModifiedField(_('modified'), db_index=True)
+
+ class Meta:
+ abstract = True
diff --git a/backend/common/utils/__init__.py b/backend/common/utils/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/common/utils/tests.py b/backend/common/utils/tests.py
new file mode 100644
index 0000000..35a8603
--- /dev/null
+++ b/backend/common/utils/tests.py
@@ -0,0 +1,66 @@
+from django.test import Client, TestCase
+from django.urls import reverse
+
+from model_mommy import mommy
+
+
+class TestCaseUtils(TestCase):
+
+ def setUp(self):
+ self._user_password = '123456'
+ self.user = mommy.prepare('users.User', email='user@email.com')
+ self.user.set_password(self._user_password)
+ self.user.save()
+
+ self.auth_client = Client()
+ self.auth_client.login(email=self.user.email, password=self._user_password)
+
+ def reverse(self, name, *args, **kwargs):
+ """ Reverse a url, convenience to avoid having to import reverse in tests """
+ return reverse(name, args=args, kwargs=kwargs)
+
+ def assertResponse200(self, response):
+ """ Given response has status_code 200 OK"""
+ self.assertEqual(response.status_code, 200)
+
+ def assertResponse201(self, response):
+ """ Given response has status_code 201 CREATED"""
+ self.assertEqual(response.status_code, 201)
+
+ def assertResponse301(self, response):
+ """ Given response has status_code 301 MOVED PERMANENTLY"""
+ self.assertEqual(response.status_code, 301)
+
+ def assertResponse302(self, response):
+ """ Given response has status_code 302 FOUND"""
+ self.assertEqual(response.status_code, 302)
+
+ def assertResponse400(self, response):
+ """ Given response has status_code 400 BAD REQUEST"""
+ self.assertEqual(response.status_code, 400)
+
+ def assertResponse401(self, response):
+ """ Given response has status_code 401 UNAUTHORIZED"""
+ self.assertEqual(response.status_code, 401)
+
+ def assertResponse403(self, response):
+ """ Given response has status_code 403 FORBIDDEN"""
+ self.assertEqual(response.status_code, 403)
+
+ def assertResponse404(self, response):
+ """ Given response has status_code 404 NOT FOUND"""
+ self.assertEqual(response.status_code, 404)
+
+
+class TestGetRequiresAuthenticatedUser:
+
+ def test_get_requires_authenticated_user(self):
+ response = self.client.get(self.view_url)
+ self.assertResponse403(response)
+
+
+class TestAuthGetRequestSuccess:
+
+ def test_auth_get_success(self):
+ response = self.auth_client.get(self.view_url)
+ self.assertResponse200(response)
diff --git a/backend/db.sqlite3 b/backend/db.sqlite3
new file mode 100644
index 0000000..e69de29
diff --git a/backend/djanga/__init__.py b/backend/djanga/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/djanga/celery.py b/backend/djanga/celery.py
new file mode 100644
index 0000000..a467e48
--- /dev/null
+++ b/backend/djanga/celery.py
@@ -0,0 +1,16 @@
+# coding: utf-8
+
+from __future__ import absolute_import
+
+import os
+
+from django.apps import apps
+
+from celery import Celery
+
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "djanga.settings.local")
+
+app = Celery('djanga_tasks')
+app.config_from_object('django.conf:settings', namespace='CELERY')
+app.autodiscover_tasks(lambda: [n.name for n in apps.get_app_configs()])
diff --git a/backend/djanga/settings/__init__.py b/backend/djanga/settings/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/djanga/settings/base.py b/backend/djanga/settings/base.py
new file mode 100644
index 0000000..836f9d7
--- /dev/null
+++ b/backend/djanga/settings/base.py
@@ -0,0 +1,122 @@
+# https://docs.djangoproject.com/en/1.10/ref/settings/
+
+import os
+
+from decouple import config # noqa
+
+
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
+
+
+def base_dir_join(*args):
+ return os.path.join(BASE_DIR, *args)
+
+
+SITE_ID = 1
+
+SECURE_HSTS_PRELOAD = True
+
+DEBUG = True
+
+ADMINS = (
+ ('Admin', 'foo@example.com'),
+)
+
+AUTH_USER_MODEL = 'users.User'
+
+ALLOWED_HOSTS = []
+
+INSTALLED_APPS = [
+ 'django.contrib.admin',
+ 'django.contrib.auth',
+ 'django.contrib.contenttypes',
+ 'django.contrib.sessions',
+ 'django.contrib.messages',
+ 'django.contrib.staticfiles',
+
+ 'django_js_reverse',
+ 'webpack_loader',
+ 'import_export',
+
+ 'common',
+ 'users',
+]
+
+MIDDLEWARE = [
+ 'django.middleware.security.SecurityMiddleware',
+ 'whitenoise.middleware.WhiteNoiseMiddleware',
+ 'django.contrib.sessions.middleware.SessionMiddleware',
+ 'django.middleware.common.CommonMiddleware',
+ 'django.middleware.csrf.CsrfViewMiddleware',
+ 'django.contrib.auth.middleware.AuthenticationMiddleware',
+ 'django.contrib.messages.middleware.MessageMiddleware',
+ 'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'djanga.urls'
+
+TEMPLATES = [
+ {
+ 'BACKEND': 'django.template.backends.django.DjangoTemplates',
+ 'DIRS': [base_dir_join('templates')],
+ 'APP_DIRS': True,
+ 'OPTIONS': {
+ 'context_processors': [
+ 'django.template.context_processors.debug',
+ 'django.template.context_processors.request',
+ 'django.contrib.auth.context_processors.auth',
+ 'django.contrib.messages.context_processors.messages',
+ ],
+ },
+ },
+]
+
+WSGI_APPLICATION = 'djanga.wsgi.application'
+
+AUTH_PASSWORD_VALIDATORS = [
+ {
+ 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+ },
+ {
+ 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+ },
+ {
+ 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+ },
+ {
+ 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+ },
+]
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_L10N = True
+
+USE_TZ = True
+
+STATICFILES_DIRS = (
+ base_dir_join('../frontend'),
+)
+
+# Webpack
+WEBPACK_LOADER = {
+ 'DEFAULT': {
+ 'CACHE': False, # on DEBUG should be False
+ 'STATS_FILE': base_dir_join('../webpack-stats.json'),
+ 'POLL_INTERVAL': 0.1,
+ 'IGNORE': ['.+\.hot-update.js', '.+\.map']
+ },
+ 'JQUERY': {
+ 'BUNDLE_DIR_NAME': 'bundles/',
+ 'STATS_FILE': base_dir_join('../jquery-webpack-stats.json'),
+ }
+}
+
+# Celery
+CELERY_ACCEPT_CONTENT = ['json']
+CELERY_TASK_SERIALIZER = 'json'
+CELERY_RESULT_SERIALIZER = 'json'
diff --git a/backend/djanga/settings/local.py b/backend/djanga/settings/local.py
new file mode 100644
index 0000000..b1d815b
--- /dev/null
+++ b/backend/djanga/settings/local.py
@@ -0,0 +1,12 @@
+from decouple import config
+from dj_database_url import parse as db_url
+
+from .local_base import * # noqa
+
+DATABASES = {
+ 'default': config(
+ 'DATABASE_URL',
+ default='sqlite:///{}'.format(base_dir_join('db.sqlite3')),
+ cast=db_url,
+ )
+}
diff --git a/backend/djanga/settings/local.py.example b/backend/djanga/settings/local.py.example
new file mode 100644
index 0000000..1cdac4a
--- /dev/null
+++ b/backend/djanga/settings/local.py.example
@@ -0,0 +1 @@
+from .local_base import * # noqa
diff --git a/backend/djanga/settings/local_base.py b/backend/djanga/settings/local_base.py
new file mode 100644
index 0000000..b7ff31e
--- /dev/null
+++ b/backend/djanga/settings/local_base.py
@@ -0,0 +1,64 @@
+from .base import * # noqa
+
+
+DEBUG = True
+
+HOST = 'http://localhost:8000'
+
+SECRET_KEY = 'secret'
+
+DATABASES = {
+ 'default': {
+ 'ENGINE': 'django.db.backends.sqlite3',
+ 'NAME': base_dir_join('db.sqlite3'),
+ }
+}
+
+STATIC_ROOT = base_dir_join('staticfiles')
+STATIC_URL = '/static/'
+
+MEDIA_ROOT = base_dir_join('mediafiles')
+MEDIA_URL = '/media/'
+
+DEFAULT_FILE_STORAGE = 'django.core.files.storage.FileSystemStorage'
+STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.StaticFilesStorage'
+
+AUTH_PASSWORD_VALIDATORS = [] # allow easy passwords only on local
+
+# Celery
+CELERY_TASK_ALWAYS_EAGER = True
+
+# Email
+INSTALLED_APPS += ('naomi',)
+EMAIL_BACKEND = 'naomi.mail.backends.naomi.NaomiBackend'
+EMAIL_FILE_PATH = base_dir_join('tmp_email')
+
+# Logging
+LOGGING = {
+ 'version': 1,
+ 'disable_existing_loggers': False,
+ 'formatters': {
+ 'standard': {
+ 'format': '%(levelname)-8s [%(asctime)s] %(name)s: %(message)s'
+ },
+ },
+ 'handlers': {
+ 'console': {
+ 'level': 'DEBUG',
+ 'class': 'logging.StreamHandler',
+ 'formatter': 'standard',
+ },
+ },
+ 'loggers': {
+ '': {
+ 'handlers': ['console'],
+ 'level': 'INFO'
+ },
+ 'celery': {
+ 'handlers': ['console'],
+ 'level': 'INFO'
+ }
+ }
+}
+
+JS_REVERSE_JS_MINIFY = False
diff --git a/backend/djanga/settings/production.py b/backend/djanga/settings/production.py
new file mode 100644
index 0000000..24f16f7
--- /dev/null
+++ b/backend/djanga/settings/production.py
@@ -0,0 +1,119 @@
+from decouple import Csv, config
+from dj_database_url import parse as db_url
+
+from .base import * # noqa
+
+
+DEBUG = False
+
+SECRET_KEY = config('SECRET_KEY')
+
+DATABASES = {
+ 'default': config('DATABASE_URL', cast=db_url),
+}
+DATABASES['default']['ATOMIC_REQUESTS'] = True
+
+ALLOWED_HOSTS = config('ALLOWED_HOSTS', cast=Csv())
+
+STATIC_ROOT = base_dir_join('staticfiles')
+STATIC_URL = '/static/'
+
+MEDIA_ROOT = base_dir_join('mediafiles')
+MEDIA_URL = '/media/'
+
+SERVER_EMAIL = 'foo@example.com'
+
+EMAIL_HOST = 'smtp.sendgrid.net'
+EMAIL_HOST_USER = config('SENDGRID_USERNAME')
+EMAIL_HOST_PASSWORD = config('SENDGRID_PASSWORD')
+EMAIL_PORT = 587
+EMAIL_USE_TLS = True
+
+# Security
+SECURE_PROXY_SSL_HEADER = ('HTTP_X_FORWARDED_PROTO', 'https')
+SECURE_SSL_REDIRECT = True
+SESSION_COOKIE_SECURE = True
+CSRF_COOKIE_SECURE = True
+SECURE_HSTS_SECONDS = 3600
+SECURE_HSTS_INCLUDE_SUBDOMAINS = True
+
+SECURE_CONTENT_TYPE_NOSNIFF = True
+SECURE_BROWSER_XSS_FILTER = True
+X_FRAME_OPTIONS = 'DENY'
+
+# Webpack
+WEBPACK_LOADER['DEFAULT']['CACHE'] = True
+
+# Celery
+CELERY_BROKER_URL = config('REDIS_URL')
+CELERY_RESULT_BACKEND = config('REDIS_URL')
+CELERY_SEND_TASK_ERROR_EMAILS = True
+
+# Whitenoise
+STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
+MIDDLEWARE.insert( # insert WhiteNoiseMiddleware right after SecurityMiddleware
+ MIDDLEWARE.index('django.middleware.security.SecurityMiddleware') + 1,
+ 'whitenoise.middleware.WhiteNoiseMiddleware')
+
+# django-log-request-id
+MIDDLEWARE.insert( # insert RequestIDMiddleware on the top
+ 0, 'log_request_id.middleware.RequestIDMiddleware')
+
+LOG_REQUEST_ID_HEADER = 'HTTP_X_REQUEST_ID'
+LOG_REQUESTS = True
+
+LOGGING = {
+ 'version': 1,
+ 'disable_existing_loggers': False,
+ 'filters': {
+ 'require_debug_false': {
+ '()': 'django.utils.log.RequireDebugFalse'
+ },
+ 'request_id': {
+ '()': 'log_request_id.filters.RequestIDFilter'
+ },
+ },
+ 'formatters': {
+ 'standard': {
+ 'format': '%(levelname)-8s [%(asctime)s] [%(request_id)s] %(name)s: %(message)s'
+ },
+ },
+ 'handlers': {
+ 'null': {
+ 'class': 'logging.NullHandler',
+ },
+ 'mail_admins': {
+ 'level': 'ERROR',
+ 'class': 'django.utils.log.AdminEmailHandler',
+ 'filters': ['require_debug_false'],
+ },
+ 'console': {
+ 'level': 'DEBUG',
+ 'class': 'logging.StreamHandler',
+ 'filters': ['request_id'],
+ 'formatter': 'standard',
+ },
+ },
+ 'loggers': {
+ '': {
+ 'handlers': ['console'],
+ 'level': 'INFO'
+ },
+ 'django.security.DisallowedHost': {
+ 'handlers': ['null'],
+ 'propagate': False,
+ },
+ 'django.request': {
+ 'handlers': ['mail_admins'],
+ 'level': 'ERROR',
+ 'propagate': True,
+ },
+ 'log_request_id.middleware': {
+ 'handlers': ['console'],
+ 'level': 'DEBUG',
+ 'propagate': False,
+ },
+ }
+}
+
+JS_REVERSE_EXCLUDE_NAMESPACES = ['admin']
diff --git a/backend/djanga/settings/test.py b/backend/djanga/settings/test.py
new file mode 100644
index 0000000..87df014
--- /dev/null
+++ b/backend/djanga/settings/test.py
@@ -0,0 +1,29 @@
+from .base import * # noqa
+
+
+SECRET_KEY = 'test'
+
+DATABASES = {
+ 'default': {
+ 'ENGINE': 'django.db.backends.sqlite3',
+ 'NAME': base_dir_join('db.sqlite3'),
+ }
+}
+
+STATIC_ROOT = base_dir_join('staticfiles')
+STATIC_URL = '/static/'
+
+MEDIA_ROOT = base_dir_join('mediafiles')
+MEDIA_URL = '/media/'
+
+DEFAULT_FILE_STORAGE = 'django.core.files.storage.FileSystemStorage'
+STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.StaticFilesStorage'
+
+# Speed up password hashing
+PASSWORD_HASHERS = [
+ 'django.contrib.auth.hashers.MD5PasswordHasher',
+]
+
+# Celery
+CELERY_TASK_ALWAYS_EAGER = True
+CELERY_TASK_EAGER_PROPAGATES = True
diff --git a/backend/djanga/urls.py b/backend/djanga/urls.py
new file mode 100644
index 0000000..2dc47d2
--- /dev/null
+++ b/backend/djanga/urls.py
@@ -0,0 +1,13 @@
+from django.conf.urls import include, url # noqa
+from django.contrib import admin
+from django.views.generic import TemplateView
+
+import django_js_reverse.views
+
+
+urlpatterns = [
+ url(r'^admin/', admin.site.urls),
+ url(r'^jsreverse/$', django_js_reverse.views.urls_js, name='js_reverse'),
+
+ url(r'^$', TemplateView.as_view(template_name='exampleapp/itworks.html'), name='home'),
+]
diff --git a/backend/djanga/wsgi.py b/backend/djanga/wsgi.py
new file mode 100644
index 0000000..4c9f084
--- /dev/null
+++ b/backend/djanga/wsgi.py
@@ -0,0 +1,17 @@
+"""
+WSGI config for djanga project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/1.10/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "djanga.settings.production")
+
+application = get_wsgi_application()
diff --git a/backend/exampleapp/__init__.py b/backend/exampleapp/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/exampleapp/admin.py b/backend/exampleapp/admin.py
new file mode 100644
index 0000000..12a5f80
--- /dev/null
+++ b/backend/exampleapp/admin.py
@@ -0,0 +1,4 @@
+from django.contrib import admin # noqa
+
+
+# Register your models here.
diff --git a/backend/exampleapp/apps.py b/backend/exampleapp/apps.py
new file mode 100644
index 0000000..905116c
--- /dev/null
+++ b/backend/exampleapp/apps.py
@@ -0,0 +1,7 @@
+from __future__ import unicode_literals
+
+from django.apps import AppConfig
+
+
+class ExampleappConfig(AppConfig):
+ name = 'exampleapp'
diff --git a/backend/exampleapp/migrations/__init__.py b/backend/exampleapp/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/exampleapp/models.py b/backend/exampleapp/models.py
new file mode 100644
index 0000000..8a2fa7e
--- /dev/null
+++ b/backend/exampleapp/models.py
@@ -0,0 +1,6 @@
+from __future__ import unicode_literals
+
+from django.db import models # noqa
+
+
+# Create your models here.
diff --git a/backend/exampleapp/tests/__init__.py b/backend/exampleapp/tests/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/exampleapp/views.py b/backend/exampleapp/views.py
new file mode 100644
index 0000000..85fb159
--- /dev/null
+++ b/backend/exampleapp/views.py
@@ -0,0 +1,4 @@
+from django.shortcuts import render # noqa
+
+
+# Create your views here.
diff --git a/backend/manage.py b/backend/manage.py
new file mode 100755
index 0000000..683660d
--- /dev/null
+++ b/backend/manage.py
@@ -0,0 +1,27 @@
+#!/usr/bin/env python
+
+import os
+import sys
+
+from decouple import config
+
+
+if __name__ == "__main__":
+ settings_module = config('DJANGO_SETTINGS_MODULE', default=None)
+
+ if sys.argv[1] == 'test':
+ if settings_module:
+ print("Ignoring config('DJANGO_SETTINGS_MODULE') because it's test. "
+ "Using 'djanga.settings.test'")
+ os.environ.setdefault("DJANGO_SETTINGS_MODULE", "djanga.settings.test")
+ else:
+ if settings_module is None:
+ print("Error: no DJANGO_SETTINGS_MODULE found. Will NOT start devserver. "
+ "Remember to create .env file at project root. "
+ "Check README for more info.")
+ sys.exit(1)
+ os.environ.setdefault("DJANGO_SETTINGS_MODULE", settings_module)
+
+ from django.core.management import execute_from_command_line
+
+ execute_from_command_line(sys.argv)
diff --git a/backend/templates/base.html b/backend/templates/base.html
new file mode 100644
index 0000000..fb7c4e5
--- /dev/null
+++ b/backend/templates/base.html
@@ -0,0 +1,38 @@
+{% load render_bundle from webpack_loader %}
+
+
+
+
+
+
+ {% block title %}{% endblock %}
+
+
+
+
+ {% render_bundle 'main' 'css' %}
+
+
+
+
+ {% block body %}{% endblock %}
+
+ {% render_bundle 'main' 'js' 'JQUERY' %}
+
+
+
+
+ {% render_bundle 'main' 'js' %}
+
+
+
+
+
+ {% block scripts %}{% endblock %}
+
+
diff --git a/backend/templates/exampleapp/itworks.html b/backend/templates/exampleapp/itworks.html
new file mode 100644
index 0000000..5fc02ca
--- /dev/null
+++ b/backend/templates/exampleapp/itworks.html
@@ -0,0 +1,8 @@
+{% extends 'base.html' %}
+
+
+{% block body %}
+it works! (Django Template)
+
+
+{% endblock %}
diff --git a/backend/users/__init__.py b/backend/users/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/users/admin.py b/backend/users/admin.py
new file mode 100644
index 0000000..b8d033f
--- /dev/null
+++ b/backend/users/admin.py
@@ -0,0 +1,27 @@
+from django.contrib import admin
+from django.contrib.auth.admin import UserAdmin
+from django.utils.translation import ugettext_lazy as _
+
+from .models import User
+
+
+class CustomUserAdmin(UserAdmin):
+ list_display = ('id', 'email', 'created', 'modified')
+ list_filter = ('is_active', 'is_staff', 'groups')
+ search_fields = ('email',)
+ ordering = ('email',)
+ filter_horizontal = ('groups', 'user_permissions',)
+
+ fieldsets = (
+ (None, {'fields': ('email', 'password')}),
+ (_('Permissions'), {'fields': ('is_active', 'is_staff', 'is_superuser',
+ 'groups', 'user_permissions')}),
+ )
+ add_fieldsets = (
+ (None, {
+ 'classes': ('wide',),
+ 'fields': ('email', 'password1', 'password2')}),
+ )
+
+
+admin.site.register(User, CustomUserAdmin)
diff --git a/backend/users/apps.py b/backend/users/apps.py
new file mode 100644
index 0000000..4ce1fab
--- /dev/null
+++ b/backend/users/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class UsersConfig(AppConfig):
+ name = 'users'
diff --git a/backend/users/managers.py b/backend/users/managers.py
new file mode 100644
index 0000000..9f13587
--- /dev/null
+++ b/backend/users/managers.py
@@ -0,0 +1,18 @@
+from django.contrib.auth.models import BaseUserManager
+
+
+class UserManager(BaseUserManager):
+
+ def create_user(self, email, password=None, **kwargs):
+ email = self.normalize_email(email)
+ user = self.model(email=email, **kwargs)
+ user.set_password(password)
+ user.save(using=self._db)
+ return user
+
+ def create_superuser(self, **kwargs):
+ user = self.create_user(**kwargs)
+ user.is_superuser = True
+ user.is_staff = True
+ user.save(using=self._db)
+ return user
diff --git a/backend/users/migrations/0001_initial.py b/backend/users/migrations/0001_initial.py
new file mode 100644
index 0000000..e8f39df
--- /dev/null
+++ b/backend/users/migrations/0001_initial.py
@@ -0,0 +1,36 @@
+# Generated by Django 2.2.4 on 2019-08-11 03:24
+
+from django.db import migrations, models
+import django.utils.timezone
+import model_utils.fields
+
+
+class Migration(migrations.Migration):
+
+ initial = True
+
+ dependencies = [
+ ('auth', '0011_update_proxy_permissions'),
+ ]
+
+ operations = [
+ migrations.CreateModel(
+ name='User',
+ fields=[
+ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+ ('password', models.CharField(max_length=128, verbose_name='password')),
+ ('last_login', models.DateTimeField(blank=True, null=True, verbose_name='last login')),
+ ('is_superuser', models.BooleanField(default=False, help_text='Designates that this user has all permissions without explicitly assigning them.', verbose_name='superuser status')),
+ ('created', model_utils.fields.AutoCreatedField(db_index=True, default=django.utils.timezone.now, editable=False, verbose_name='created')),
+ ('modified', model_utils.fields.AutoLastModifiedField(db_index=True, default=django.utils.timezone.now, editable=False, verbose_name='modified')),
+ ('email', models.EmailField(max_length=255, unique=True)),
+ ('is_staff', models.BooleanField(default=False, help_text='Designates whether the user can log into this admin site.')),
+ ('is_active', models.BooleanField(default=True, help_text='Designates whether this user should be treated as active. Unselect this instead of deleting accounts.')),
+ ('groups', models.ManyToManyField(blank=True, help_text='The groups this user belongs to. A user will get all permissions granted to each of their groups.', related_name='user_set', related_query_name='user', to='auth.Group', verbose_name='groups')),
+ ('user_permissions', models.ManyToManyField(blank=True, help_text='Specific permissions for this user.', related_name='user_set', related_query_name='user', to='auth.Permission', verbose_name='user permissions')),
+ ],
+ options={
+ 'abstract': False,
+ },
+ ),
+ ]
diff --git a/backend/users/migrations/__init__.py b/backend/users/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/users/models.py b/backend/users/models.py
new file mode 100644
index 0000000..65c2ad4
--- /dev/null
+++ b/backend/users/models.py
@@ -0,0 +1,32 @@
+from django.contrib.auth.models import AbstractBaseUser, PermissionsMixin
+from django.db import models
+from django.utils.translation import ugettext_lazy as _
+
+from common.models import IndexedTimeStampedModel
+
+from .managers import UserManager
+
+
+class User(AbstractBaseUser, PermissionsMixin, IndexedTimeStampedModel):
+ email = models.EmailField(max_length=255, unique=True)
+ is_staff = models.BooleanField(
+ default=False,
+ help_text=_('Designates whether the user can log into this admin '
+ 'site.'))
+ is_active = models.BooleanField(
+ default=True,
+ help_text=_('Designates whether this user should be treated as '
+ 'active. Unselect this instead of deleting accounts.'))
+
+ objects = UserManager()
+
+ USERNAME_FIELD = 'email'
+
+ def get_full_name(self):
+ return self.email
+
+ def get_short_name(self):
+ return self.email
+
+ def __str__(self):
+ return self.email
diff --git a/backend/users/tests/__init__.py b/backend/users/tests/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/users/views.py b/backend/users/views.py
new file mode 100644
index 0000000..85fb159
--- /dev/null
+++ b/backend/users/views.py
@@ -0,0 +1,4 @@
+from django.shortcuts import render # noqa
+
+
+# Create your views here.
diff --git a/bin/post_compile b/bin/post_compile
new file mode 100644
index 0000000..6b96230
--- /dev/null
+++ b/bin/post_compile
@@ -0,0 +1,20 @@
+#!/usr/bin/env bash
+set -eo pipefail
+
+echo "-----> Post-compile hook"
+
+if [ -f bin/run_collectstatic ] && [ -n "$ENABLE_DJANGO_COLLECTSTATIC" ] && [ "$ENABLE_DJANGO_COLLECTSTATIC" == 1 ]; then
+ echo "-----> Running run_collectstatic"
+ chmod +x bin/run_collectstatic
+ bin/run_collectstatic
+fi
+
+echo "-----> Running manage.py check --deploy --fail-level WARNING"
+python manage.py check --deploy --fail-level WARNING
+
+if [ -n "$AUTO_MIGRATE" ] && [ "$AUTO_MIGRATE" == 1 ]; then
+ echo "-----> Running manage.py migrate"
+ python manage.py migrate --noinput
+fi
+
+echo "-----> Post-compile done"
diff --git a/bin/pre_compile b/bin/pre_compile
new file mode 100644
index 0000000..838aebc
--- /dev/null
+++ b/bin/pre_compile
@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+set -eo pipefail
+
+echo "-----> Pre-compile hook"
+
+if [ -f bin/run_webpack ]; then
+ echo "-----> Running Webpack"
+ chmod +x bin/run_webpack
+ bin/run_webpack
+fi
+
+echo "-----> Pre-compile done"
diff --git a/bin/run_collectstatic b/bin/run_collectstatic
new file mode 100644
index 0000000..9a9c95d
--- /dev/null
+++ b/bin/run_collectstatic
@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+set -eo pipefail
+
+indent() {
+ RE="s/^/ /"
+ [ $(uname) == "Darwin" ] && sed -l "$RE" || sed -u "$RE"
+}
+
+MANAGE_FILE=$(find . -maxdepth 3 -type f -name 'manage.py' | head -1)
+MANAGE_FILE=${MANAGE_FILE:2}
+
+echo "-----> Collecting static files"
+python $MANAGE_FILE collectstatic --noinput 2>&1 | sed '/^Copying/d;/^$/d;/^ /d' | indent
+
+echo
diff --git a/bin/run_webpack b/bin/run_webpack
new file mode 100644
index 0000000..20ee51c
--- /dev/null
+++ b/bin/run_webpack
@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+set -eo pipefail
+
+if [ ! -f jquery-webpack-stats.json ]; then
+ touch jquery-webpack-stats.json
+ chmod 777 jquery-webpack-stats.json
+ echo "jquery-webpack-stats.json created"
+fi
+
+if [ ! -f webpack-stats.json ]; then
+ touch webpack-stats.json
+ chmod 777 webpack-stats.json
+ echo "webpack-stats.json created"
+fi
+npm run build
diff --git a/frontend/js/app/example-app/components/ColorChanger/ColorChanger.js b/frontend/js/app/example-app/components/ColorChanger/ColorChanger.js
new file mode 100644
index 0000000..e8aeb25
--- /dev/null
+++ b/frontend/js/app/example-app/components/ColorChanger/ColorChanger.js
@@ -0,0 +1,62 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { hot } from 'react-hot-loader';
+
+import ColorDisplay from '../ColorDisplay';
+
+import './style.scss';
+
+
+class ColorChanger extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ color: 'black',
+ };
+
+ this.handleChangeColor = this.handleChangeColor.bind(this);
+ }
+
+ handleChangeColor(e) {
+ const color = e.target.value;
+ this.setState({ color });
+ }
+
+ render() {
+ const { title } = this.props;
+ const { color } = this.state;
+
+ return (
+
+
{title}
+
Color Changer App
+
+ Check this example app: change the color to see it reflected in the text next to it.
+
+
+
+
+
+
+
+
+
+ React App Loaded!
+
+
+ Color Changer App
+
+
+ Check this example app: change the color to see it reflected in the text next to it.
+
+
+
+
+
+
+
+ This is a test title
+
+
+ Color Changer App
+
+
+ Check this example app: change the color to see it reflected in the text next to it.
+
+
+
+
+
+