For the uninitiated, Hackathons are a platform for expression and creativity using tech. Don't worry, it is not as intimidating as it sounds. You brainstorm around a problem or idea, and collaboratively come up with a unique solution - ranging from webapps to physical machines! Fun fact - the Like Button, backbone of all social media interactions today - was conceived at a Facebook Hackathon!

Tools and Technologies

Here are some resources that might come in handy while you hack away!

  • Github Student Pack
  • ngrok - A globally distributed reverse proxy fronting your web services running in any cloud or private network, or your machine. Good for testing and demoing.
  • Fenix Web Server - A simple local webserver. Work on multiple sites simultaneously and serve any number of HTTP projects side by side with a simple GUI.
  • pttrns - Can't figure out how to lay out your navigation or show thumbnails on a mobile app? pttrns has a collection of awesome examples to help you out!
  • UX Archive - A comprehensive library of UX and Mobile User Flows
  • A Curated List of Sources for Free Stock Photos
  • The Noun Project, Icon Monstr, Icon Moon - For your Icon needs!
  • Code Pen - An HTML, CSS, and JavaScript code editor in your browser with instant previews and tons of snippets and inspiration.
  • Cody House - A free library of very useful HTML, CSS, and JS nuggets with comprehensive tutorials.
  • Hover - A CSS3 Animation hover effects library. A quick and useful way to add a layer of polish to your interactions.
  • Start Bootstrap - Free Bootstrap starter templates for different types of sites. A good place to start and build upon.
  • Boot Snipp - Free Bootstrap code snippets for design elements.