old.xevion.github.io/_data/portfolio.yml

- 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 one, but relied heavily on Bootstrap. Since then, I think my web development and design skills have expanded 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