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.
-
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
-
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.
Electron-Quickstart
: Cross platform desktop application template using the Electron framework
-
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.
- 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
- Launchaco - Static single-page website generator
- BootstrapBay has several: Kit-A or Kit-B
- Responsive Design Tutorial - Responsive Design: CSS Tutorial
- NProgress - YouTube-like progress bar
- Link effects - CSS styles for links (download the component.css file)
Clone: git clone --recursive [email protected]:Dalimil/Hackathon-Quickstart.git
Update: git pull && git submodule update --init
Repository maintenance: git submodule foreach git pull origin master