Hackathon Tools Tweet
We all know that optimizing your time and being efficient at a hackathon yields the best results by letting you focus on your hack. We created this space to highlight some of the tools we use and some the community has submitted. We want this list to be a starting point or reference for new and seasoned hackers alike.
A list of awesome open-source tools for hackathon coordinators and attendees.
If you're a student, you should already have this free resource pack from GitHub.
A reverse tunnel. Run a server locally in any language and give it a public domain. Good for testing and demoing.
A simple local webserver. Work on multiple sites simultaneously and serve any number of HTTP projects side by side with a simple GUI.
Make sure your display doesn't turn off or go to sleep during your presentation (we've seen this happen).
Save your eyes from blue light eye strain. F.lux makes the color of your computer's display adapt to the time of day, warm at night and like sunlight during the day.
An open source and customizable programming IDE for just about anything.
Homebrew is the missing package manager for OSX, it installs the stuff you need that Apple didn't.
Origami is a free tool for designing modern user interfaces and interactions. Created by Facebook.
We use Google Drive as a communication and organizational tool to keep the team on the same page. Don't bother emailing or dropboxing. We recommend to use 1 thing that does it all, from projection ideation(docs) to file uploading.
Pitcherific helps with preparing and rehearsing your pitches, so you don't have to be all shaky on stage.
Voice enable any app or service with Amazon Alexa
Design & Inspiration:
Can't figure out how to lay out your navigation or show thumbnails? Pattern Tap has a collection of awesome examples for almost every control and web design pattern.
Same as Pattern Tap but for mobile design patterns. (iOS and Android)
One of the best Mobile UX websites. Can't figure out a certain User Flow for your mobile hack? UX Archive lists just about every flow or user task from the best apps out.
A great place to find beautiful combinations and usages of Google Fonts and color schemes.
A database of profile pictures for mockups and demoes (many can be used on live websites as well)!
An array of design resources such as: Mock-ups, UI Kits, Icons, Backgrounds, etc.
A free library of very useful HTML, CSS, and JS nuggets with comprehensive tutorials.
A CSS3 Animation hover effects library. A quick and useful way to add a layer of polish to your interactions.
Free Bootstrap starter templates for different types of sites. A good place to start and build upon.
Free Bootstrap code snippets for design elements. Similar to Pattern Tap but with provided code.