Hackioca by Hack the North

Introduction

Hackioca was built as an April Fools' 2019 joke by Hack the North. Feel free to poke around or open an issue to ask a question!

Notable features

• Interactive "Build-your-own-boba" hero section (change flavors and toppings on cup)
• Background color and graphics change based on the flavor and topping selected
• Smooth page scrolling with navbar and footer links
• About, schedule, judges, workshops, activities, sponsors, prizes and FAQ sections

How it was built

• React to build simple yet powerful UI components
• Create React App to bootstrap and build the app
• Netlify to serve live pull request branch previews and host hackioca.com
• TypeScript to write typesafe code
• Styled Components to style our React components
• North to test-run our in-development, re-usable, themeable component library (open source coming soon!)

Playing around locally

1. Install git, node and npm

2. Clone the repo and navigate into it

$ git clone https://github.com/hackthenorth/hackioca.com.git
$ cd hackioca.com

3. Install dependencies

$ npm install

4. Start the dev server

$ npm start

5. It should open automatically, but if not access the site at: http://localhost:3000/