Hackathon Quickstart

A collection of templates with boilerplate code to help you kickstart your next hackathon project

Every boilerplate module contains code samples and useful snippets to enable fast app prototyping.

Modules

Web Applications

• NodeJS-Quickstart: NodeJS web app template - inspired by sahat/hackathon-starter

• React-Quickstart: Extended create-react-app starter template for client-side apps.

• Python-Flask-Quickstart: Python Flask web app template to quickly get started

• Scala-Play-Quickstart: Scala web app template using the Play Framework

Games

• Canvas-Game-Quickstart: JavaScript 2D game template using HTML5 Canvas.

  • If you need a framework for JavaScript 2D games, use Phaser.

• 3D Games and WebGL: Use Unreal Engine or Unity. For JavaScript browser games, three.js library is the best.

• Free Game Assets: OpenGameArt.org - especially useful for game music and sound effects.

Desktop Applications

• Electron-Quickstart: Cross platform desktop application template using the Electron framework

Mobile Applications

• If you are good at Android and/or iOS and can develop mobile apps for your platform quickly, stick to that. However, you might end up being the only person working on the app as there are not that many mobile devs at hackathons.

• React-Native-Quickstart: Using React Native is an option if you like JS and React, but the API excludes many parts of Android and you will likely spend a lot of time looking for 3rd party components or plugins.

• Cordova allows you to create a hybrid app - combine web-like development in JavaScript with access to device APIs. For useful components and stylesheets use Framework7 or Materialize.CSS or Propeller for Material Design. If you like Angular, use Ionic, which is an extra layer on top of Cordova.

Templates & Components

• HTML5 UP! - Static website templates
• Creative Tim - Bootstrap templates, complete dashboards, single page apps, etc.
• Bootstrap Components - Design elements and code snippets for Bootstrap, with reusable website components
• WrapBootstrap - More Bootstrap templates

Drag & Drop block generators

• Launchaco - Static single-page website generator
• BootstrapBay has several: Kit-A or Kit-B

CSS

• Responsive Design Tutorial - Responsive Design: CSS Tutorial
• NProgress - YouTube-like progress bar
• Link effects - CSS styles for links (download the component.css file)

Setup

Clone: git clone --recursive git@github.com:Dalimil/Hackathon-Quickstart.git

Update: git pull && git submodule update --init

_dev

Repository maintenance: git submodule foreach git pull origin master