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.
Last modified:
Tools:
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.
A sophisticated text editor for code, markup and prose.
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
A GUI that will make navigating MongoDB much quicker and easier.
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.
Finding great stock photos is a pain. You're left with either low-res amateur photos, people wearing cheesy headsets, or photos that are out of budget for the project you're working on. This is an ongoing list of the best stock photo sites that @dustin put together.
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.
Icons:
Thousands of amazing icons useful for your hacks.
Great icon sets for just about anything.
High-quality and varied icon fonts and icon packs.
Code:
An HTML, CSS, and JavaScript code editor in your browser with instant previews and tons of snippets and inspiration.
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.