https://github.com/tobitsoftware/live-coding-template

Template for live coding in masterclass session on pushcon.
https://github.com/tobitsoftware/live-coding-template

chayns coding live pushcon react template

Last synced: 3 months ago
JSON representation

Template for live coding in masterclass session on pushcon.

• Host: GitHub
• URL: https://github.com/tobitsoftware/live-coding-template
• Owner: TobitSoftware
• License: mit
• Created: 2019-09-16T13:36:07.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-31T03:18:05.000Z (over 2 years ago)
• Last Synced: 2024-04-14T06:09:51.303Z (about 1 year ago)
• Topics: chayns, coding, live, pushcon, react, template
• Language: JavaScript
• Homepage:
• Size: 1.48 MB
• Stars: 0
• Watchers: 4
• Forks: 0
• Open Issues: 27
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![license](https://img.shields.io/github/license/TobitSoftware/chayns-template-esnext-react.svg)]() [![GitHub pull requests](https://img.shields.io/github/issues-pr/TobitSoftware/chayns-template-esnext-react.svg)]() [![](https://img.shields.io/github/issues-pr-closed-raw/TobitSoftware/chayns-template-esnext-react.svg)]()

# Live Coding Template

This template will help you getting started with building tapps for your chayns site with React.

First of all you have to make sure, that you have the latest version of [node.js][1] installed.

## Development

1. Install all project dependencies with `npm i`

2. Start your webpack-dev-server for debugging your project with `npm start`

3. Open `https://digitalplayground.chayns.net/LiveCoding` in your browser

4. Allow unsafe scripts in browser, because no ssl certificate is given in project

5. Start development.

> **Hint:** Writing tapps with React? You might also want to take a look at our [React Style Guide][2].

## Building

You can build this project via `npm run build`.

## Complete project

You can find the complete project with the different steps in the `feature/complete` branch. An explanation of the steps will follow.

## Software

- SourceTree: https://www.sourcetreeapp.com/

## Workshops

- esNext: https://scrimba.com/g/gintrotoes6

- React: https://scrimba.com/g/glearnreact

## Design Guide

https://design.chayns.net

 [1]: https://nodejs.org/en/

 [2]: https://github.com/TobitSoftware/chayns-guides/blob/master/TobitReactJsxStyleGuide.md