configure

_data/navigation.yml

@@ -0,0 +1,28 @@
+- section: intro
+  title: Intro
+  number: 1
+
+- section: about
+  title: About
+  number: 2
+
+- section: services
+  title: What I Do
+  number: 3
+
+- section: skills
+  title: Skills
+  number: 4
+
+- section: experience
+  title: Experience
+  number: 5
+
+- section: portfolio
+  title: Portfolio
+  number: 6
+
+- section: contact
+  title: Contact
+  number: 7
+

_data/portfolio.yml

@@ -0,0 +1,107 @@
+- title: Weather Widget
+  demo: http://quiet-dusk-89245.herokuapp.com/
+  code: https://github.com/bchiang7/DemoWebApp
+  description: A simple weather app I made at HubSpot's Fall 2016 Web App Workshop utilizing Node.js, Express, and Heroku. I used the OpenWeatherMap API to get weather and forecast data, and then used the current city's coordinates to create a map background that reflected the current city using the Google Maps API.
+  img: weather
+  used:
+    - thing: OpenWeatherMap API
+    - thing: Google Maps API
+    - thing: JavaScript
+    - thing: jQuery
+    - thing: CSS
+    - thing: Node.js
+    - thing: Express
+    - thing: Heroku
+
+- title: Screentime 2.0
+  demo: https://play.google.com/store/apps/details?id=com.starry.management
+  description: ScreenTime 2.0 was one of <a href="https://starry.com/" target="_blank">Starry</a>'s most important consumer-facing software updates on <a href="https://starry.com/station" target="_blank">Starry Station</a>, providing new functionality for users to easily filter content, pause the internet, and even create custom rules for blocking apps like Facebook and Twitter right from their mobile phones. As a co-op, I played a large role in the implementation of this feature on Starry's cordova android app, and was responsible for building out front-end designs, linking up back-end data, as well as communicating with designers and other engineers throughout the process. <br><br> Check out the Starry App on <a href="https://play.google.com/store/apps/details?id=com.starry.management" target="_blank">Google Play</a>, and learn more about ScreenTime 2.0 on <a href="https://www.producthunt.com/tech/screentime-for-starry-station" target="_blank">Product Hunt</a> and the <a href="https://blog.starry.com/whats-new-screentime-just-got-better-for-parents/" target="_blank">Starry Blog</a>.
+  img: screentime
+  used:
+  - thing: JavaScript
+  - thing: CSS
+  - thing: Handlebars.js
+  - thing: Backbone.js
+  - thing: Marionette.js
+  - thing: Cordova
+
+- title: Online Resume
+  demo: http://brittanychiang.com/resume
+  code: https://github.com/bchiang7/react-profile/
+  description: This is just an online version of my resume I made for fun. I was interested in learning React.js, so I found this <a href="https://medium.com/learning-new-stuff/building-your-first-react-js-app-d53b0c98dc#.1439cdewq">simple tutorial</a> and it kind of spun into this weekend project. I probably didn't need to use React at all, but hey, at least I learned a few things!
+  img: resume
+  used:
+  - thing: JavaScript
+  - thing: React.js
+  - thing: CSS
+
+- title: Old Personal Website
+  demo: http://brittanychiang.com/v1
+  code: https://github.com/bchiang7/website_2015/
+  description: This was my first portfolio website I built in 2014. It's a simple one-pager like this current site, but relied heavily on Bootstrap. Since then, I think my web development and design skills have increased immensely.
+  img: websitev1
+  used:
+  - thing: HTML
+  - thing: CSS
+  - thing: Bootstrap
+  - thing: JavaScript
+  - thing: jQuery
+
+- title: CourseSource
+  demo: http://webdevspring2016-chiangbrittany.rhcloud.com/project/client/#/login
+  code: https://github.com/bchiang7/WebDevSpring2016/tree/master/public/project
+  description: CourseSource is a web application built on the MEAN (MongoDB, Express, Angular, Node) stack for my web development class in 2015. I created this web app with the intention of providing Northeastern Students a better experience browsing the courses offered at Northeastern (which is currently a painstakingly tedious task on our current student portal).
+  img: coursesource
+  used:
+    - thing: HTML
+    - thing: CSS
+    - thing: Bootstrap
+    - thing: JavaScript
+    - thing: jQuery
+    - thing: NodeJS
+    - thing: AngularJS
+    - thing: Express
+    - thing: MongoDB
+
+- title: NU Women in Tech
+  demo: http://nuwit.ccs.neu.edu/
+  code: https://github.com/nuwit/website
+  description: While serving as web chair for Northeastern University Women in Technology, I did a complete overhaul of the club website. I designed and developed the current website using Jekyll as a static site generator, and was responsible for the upkeeping and maintainence of the site.
+  img: nuwit
+  used:
+    - thing: Jekyll
+    - thing: Liquid
+    - thing: Yaml
+    - thing: HTML
+    - thing: CSS
+    - thing: Bootstrap
+    - thing: jQuery
+
+- title: Fontipsums
+  demo: http://brittanychiang.com/fontipsums
+  code: https://github.com/bchiang7/fontipsums
+  description: As a typography nerd, I wanted a way to visually see different font combinations together. I whipped up this simple website to display some of my favorite pairings combined with some fun lorem ipsum variations I found on the web. Over the course of creating this site, I learned a lot about web fonts and best practices.
+  img: fontipsums
+  used:
+    - thing: HTML
+    - thing: SCSS
+
+- title: One Card For All
+  demo: http://onecardforall.org
+  description: At MullenLowe, I helped build this 2015 holiday site around an algorithm that generated a holiday greeting to each and every person on the planet. We also accounted for newcomers being added at an amazing rate. Overall, the website is a tranquil, animated experience. As new names appear, visitors can watch them fall, like snowflakes, onto a stylized world map. Users can also find their own name and see it as part of the world collective. Check out this short <a href="https://vimeo.com/152734803" target="_blank">video</a> describing the project!
+  img: onecard
+  used:
+    - thing: HTML
+    - thing: SCSS
+    - thing: JavaScript
+    - thing: jQuery
+
+- title: JetBlue HumanKinda
+  demo: http://jetbluehumankinda.com
+  description: During my first co-op as a creative technologist at Mullen Lowe, I played a major role in the development of this Tumblr site to complement JetBlue's HumanKinda campaign and documentary. The site houses the video documentary at the top, the many graphics created by Mullen for the campaign, and an interactive quiz to determine how "HumanKinda" you are. This project was featured on <a href="http://www.adweek.com/adfreak/jetblue-makes-16-minute-film-about-being-less-busy-and-its-surprisingly-fun-167714" target="_blank">AdWeek</a>, <a href="http://www.fastcocreate.com/3052562/see-how-ridiculously-busy-we-all-are-in-humankinda-a-short-film-from-jetblue" target="_blank">Fast Company</a>, and <a href="http://digiday.com/brands/humankinda-jetblue-makes-first-foray-longform-content/" target="_blank">Digiday</a>!
+  img: humankinda
+  used:
+    - thing: HTML
+    - thing: CSS
+    - thing: JavaScript
+    - thing: jQuery

_data/services.yml

@@ -0,0 +1,19 @@
+- row: row1
+  services:
+    - heading: Web Development
+      sprite: webdev
+      text: I love using HTML, CSS, and JavaScript with pre-processors and build tools such as Sass and Grunt to produce pixel-perfect websites and apps with semantic, modular front-end code and dry, efficient back-end code for the web.
+
+    - heading: Responsive UI Design
+      sprite: ui
+      text: A user interface is like a joke. If you have to explain it, it's not that good. I strive to develop and implement responsive and aesthetically pleasing interfaces for websites and apps that adapt to any type of device, platform, or browser.
+
+- row: row2
+  services:
+    - heading: Experience Design
+      sprite: xd
+      text: There have been far too many times where I've been trying to accomplish a simple task on a website, and ended up wanting to throw my computer out the window in frustration. Needless to say, user experience is an aspect of software I am always focused on perfecting.
+
+    - heading: Inclusivity in Tech
+      sprite: wit
+      text: Coding and designing aside, I am a strong advocate for diversifying the tech industry, especially for women. I currently lead Northeastern Women in Tech, and was a 2016 <a href="http://ghc.anitaborg.org/" target="_blank">Grace Hopper Conference</a> Scholar.

_data/skills.yml

@@ -0,0 +1,31 @@
+development:
+  - item: JavaScript
+  - item: HTML5
+  - item: CSS3
+  - item: Sass
+  - item: NodeJS
+  - item: Handlebars
+  - item: Backbone
+  - item: MongoDB
+  - item: Python
+
+design:
+  - item: adobe-photoshop
+  - item: adobe-indesign
+  - item: adobe-illustrator
+  - item: invision
+  - item: zeplin
+
+tools:
+  - item: Git, Github
+  - item: Command Line
+  - item: Chrome DevTools
+  - item: Grunt/Gulp
+  - item: Postman
+
+knowledge:
+  - item: CSS Detangling
+  - item: ES6
+  - item: Usability
+  - item: Wireframing
+  - item: SEO

_data/timeline.yml

@@ -0,0 +1,41 @@
+- position: Northeastern University
+  company: NU College of Computer & Information Science
+  url: http://www.ccis.northeastern.edu/program/information-science-bs/
+  description: Candidate for Bachelor of Science in Information Science with a concentration in Human Computer Interaction (HCI) and a minor in Interaction Design.<br>Expected graduation May 2018
+  sprite: university
+  date: 2013 - Present
+
+- position: HCI Research Assistant
+  company: NU College of Computer &amp; Information Science
+  url: http://www.ccis.northeastern.edu/
+  description: CAssisted a computer science PhD student in the development of a software prototype built with HTML, CSS, JavaScript, and jQuery to facilitate better understanding of parent-child communication preferences in low-SES (Socio-Economic Status) families. Developed remotely to meet weekly deadlines and project checkpoints.
+  sprite: research
+  date: Mar - May 2015
+
+- position: Creative Technologist Co-op
+  company: MullenLowe U.S.
+  url: http://us.mullenlowe.com/
+  description: Developed and maintained code for in-house and client websites. Tested front-end code in various browsers and mobile devices to ensure cross-browser compatibility and responsiveness. Collaborated closely with other developers and digital producers to meet deadlines for clients including Lovesac, U.S. Cellular, JetBlue, and more.
+  sprite: industry
+  date: July - Dec 2015
+
+- position: HCI Teaching Assistant
+  company: NU College of Computer &amp; Information Science
+  url: http://www.ccis.northeastern.edu/
+  description: Assisted professor with grading homework and project assignments. Held office hours to aid students in their understanding of core HCI concepts and reported to the professor the extent of their understanding.
+  sprite: academic
+  date: Jan - May 2016
+
+- position: President
+  company: NU Women in Tech
+  url: http://nuwit.ccs.neu.edu
+  description: Lead weekly club meetings to foster a community of diverse women in CS. Manage a variety of academic and social activities throughout the semester, including tech talks, student panels, and workshops. Communicate regularly with e-board and administrative organizations.
+  sprite: university
+  date: May 2016 - Present
+
+- position: Software Engineer Co-op
+  company: Starry, Inc.
+  url: https://starry.com/
+  description: Engineered and maintained major features of Starry's customer-facing web app using ES6, Handlebars, Backbone, Marionette, and CSS. Proposed and implemented scalable solutions to issues identified with cloud services and applications responsible for communicating with Starry Station. Worked closely with designers and other developers to ensure thoughtful and coherent user experiences across Starry’s mobile apps.
+  sprite: industry
+  date: July - Dec 2016