Home

Awesome

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

Hyperapp-tutorial 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)