https://github.com/spapas/hyperapp-tutorial

A tutorial application written in hyperapp
https://github.com/spapas/hyperapp-tutorial

hyperapp javascript tutorial

Last synced: 13 days ago
JSON representation

A tutorial application written in hyperapp

• Host: GitHub
• URL: https://github.com/spapas/hyperapp-tutorial
• Owner: spapas
• License: unlicense
• Created: 2017-09-01T12:36:12.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2024-10-09T01:50:19.000Z (about 1 month ago)
• Last Synced: 2024-10-17T02:22:17.007Z (24 days ago)
• Topics: hyperapp, javascript, tutorial
• Language: CSS
• Homepage:
• Size: 1.39 MB
• Stars: 20
• Watchers: 6
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• hyperawesome - Serafeim's Hyperapp Tutorial - A rather big application to be used as a real-world tutorial; uses a Django/DRF API. (Examples V1)

README

        
# 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](demo.gif?raw=true "Hyperapp-tutorial demo")

## Components used

1. Hyperapp (obviously - https://github.com/jorgebucaran/hyperapp)

1. Spectre.css for styling (https://picturepan2.github.io/spectre/)

1. A bunch of home-made spectre.css components for hyperapp (https://github.com/spapas/hyperapp-tutorial/tree/master/srcjs/components)

1. Browserify / watchify and uglify for JS bundling (https://spapas.github.io/2015/05/27/using-browserify-watchify/)

1. 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`)

1. Install python requirements (`pip install -r requirements.txt`) 

1. Create a superuser (`python manage.py cratesuperuser`)

1. Run server (`python manage.py runserver`)

## To develop in JS:

1. Install requirements (`yarn install`)

1. Run watch (`yarn run watch`)

## To create prod build:

1. Run build (`yarn run build`)