Serafeim's Hyperapp Tutorial

A Hyperapp (https://github.com/jorgebucaran/hyperapp) tutorial application. Hyperapp is a modern JS micro-framework with a functional twist. The project uses a Django - DRF API to provide a (writable) REST API.

Work in progress! I'll try to add more capabilities to this app; or you can do it if you want; PRs are welcome!!!

Demo

Components used

1. Hyperapp (obviously - https://github.com/jorgebucaran/hyperapp)
2. Spectre.css for styling (https://picturepan2.github.io/spectre/)
3. A bunch of home-made spectre.css components for hyperapp (https://github.com/spapas/hyperapp-tutorial/tree/master/srcjs/components)
4. Browserify / watchify and uglify for JS bundling (https://spapas.github.io/2015/05/27/using-browserify-watchify/)
5. Django/DRF for server-side stuff (https://www.djangoproject.com/ + https://www.django-rest-framework.org/)

To run it locally

1. Create a python virtualenv and activate it (virtualenv venv)
2. Install python requirements (pip install -r requirements.txt)
3. Create a superuser (python manage.py cratesuperuser)
4. Run server (python manage.py runserver)

To develop in JS:

1. Install requirements (yarn install)
2. Run watch (yarn run watch)

To create prod build:

1. Run build (yarn run build)