mirror of
https://github.com/Xevion/old.xevion.github.io.git
synced 2025-12-06 01:15:33 -06:00
v3
This commit is contained in:
Brittany Chiang
34
_data/experience.yml
Normal file
34
_data/experience.yml
Normal file
@@ -0,0 +1,34 @@
|
||||
- company: Apple
|
||||
url: https://www.apple.com/music/
|
||||
time: July 2017 - Present
|
||||
position: UI Engineer Co-op
|
||||
|
||||
- company: Scout
|
||||
url: https://web.northeastern.edu/scout/
|
||||
time: Jan - June 2017
|
||||
position: Studio Developer
|
||||
|
||||
- company: Starry
|
||||
url: https://starry.com/
|
||||
time: July - Dec 2016
|
||||
position: Software Engineer Co-op
|
||||
|
||||
- company: Northeastern University
|
||||
url: http://www.ccis.northeastern.edu/
|
||||
time: Jan - May 2016
|
||||
position: HCI Teaching Assistant
|
||||
|
||||
- company: NU Women in Tech
|
||||
url: http://nuwit.ccs.neu.edu/
|
||||
time: Jan 2016 - May 2017
|
||||
position: President & Web Chair
|
||||
|
||||
- company: MullenLowe U.S.
|
||||
url: https://us.mullenlowe.com/
|
||||
time: July - Dec 2015
|
||||
position: Creative Technologist Co-op
|
||||
|
||||
- company: Northeastern University
|
||||
url: http://www.ccis.northeastern.edu/
|
||||
time: Mar - May 2015
|
||||
position: HCI Research Assistant
|
||||
@@ -1,28 +0,0 @@
|
||||
- section: intro
|
||||
title: Intro
|
||||
number: 0
|
||||
|
||||
- section: about
|
||||
title: About
|
||||
number: 1
|
||||
|
||||
- section: services
|
||||
title: What I Do
|
||||
number: 2
|
||||
|
||||
- section: skills
|
||||
title: Skills
|
||||
number: 3
|
||||
|
||||
- section: experience
|
||||
title: Experience
|
||||
number: 4
|
||||
|
||||
- section: portfolio
|
||||
title: Portfolio
|
||||
number: 5
|
||||
|
||||
- section: contact
|
||||
title: Contact
|
||||
number: 6
|
||||
|
||||
127
_data/other-projects.yml
Normal file
127
_data/other-projects.yml
Normal file
@@ -0,0 +1,127 @@
|
||||
- name: Lonely Planet DBMS
|
||||
url: https://github.com/bchiang7/CS3200-Project
|
||||
code: https://github.com/bchiang7/CS3200-Project
|
||||
description: Final project for my Database Design course at Northeastern. A simple web application that allows users to filter through a database containing Lonely Planet's <a class="underline-link" href="https://www.amazon.com/Lonely-Planets-Ultimate-Travel-Places/dp/1760342777" target="_blank">Top 500 Travel Destinations</a>. Users are able to add themselves as visitors as well as leave reviews of the destinations.
|
||||
used:
|
||||
- thing: Python
|
||||
- thing: MySQL
|
||||
- thing: Flask
|
||||
- thing: HTML
|
||||
- thing: CSS
|
||||
- thing: JavaScript
|
||||
|
||||
- name: myNEU Redesign
|
||||
url: http://brittanychiang.com/Redesign-myNEU/
|
||||
code: https://github.com/bchiang7/Redesign-myNEU
|
||||
description: myNEU student portal web prototype for my information science senior project. I conducted a study that aimed to answer the question of how myNEU can be improved to provide students at Northeastern with a better user experience. Informed by usability metrics gathered from user tests, I redesigned and developed a web prototype of myNEU.
|
||||
used:
|
||||
- thing: Jekyll
|
||||
- thing: HTML
|
||||
- thing: SCSS
|
||||
- thing: JavaScript
|
||||
|
||||
- name: Crowd DJ
|
||||
url: https://github.com/crowddj/crowddj-react
|
||||
code: https://github.com/crowddj/crowddj-react
|
||||
description: A web app that allows people who are at a party or social gathering with a DJ to request songs via their smartphones. The web app allows people to see the currently playing song, request songs, upvote songs, and rate songs so the DJ can see how the crowd is feeling and act accordingly. In other words, Crowd DJ is essentially a crowdsourced music queue. <br>
|
||||
<a class="small" href="http://projects.hackbeanpot.com/2017-projects.html">🏆 Won Best UI/UX Design at Hackbeanpot 2017 🏆</a>
|
||||
used:
|
||||
- thing: React
|
||||
- thing: Sass
|
||||
- thing: Firebase
|
||||
- thing: Spotify API
|
||||
|
||||
- name: Weather Widget
|
||||
url: 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 with 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: JavaScript
|
||||
- thing: CSS
|
||||
- thing: Node.js
|
||||
- thing: Express
|
||||
- thing: Heroku
|
||||
- thing: OpenWeatherMap API
|
||||
- thing: Google Maps API
|
||||
|
||||
# - name: ScreenTime 2.0
|
||||
# url: https://play.google.com/store/apps/details?id=com.starry.management
|
||||
# description: App-blocking feature on <a class="underline-link" href="https://starry.com/station" target="_blank">Starry Station</a> that provides 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. Learn more about ScreenTime 2.0 on <a class="underline-link" href="https://www.producthunt.com/tech/screentime-for-starry-station" target="_blank">Product Hunt</a> and the <a class="underline-link" href="https://blog.starry.com/whats-new-screentime-just-got-better-for-parents/" target="_blank">Starry Blog</a>.
|
||||
# used:
|
||||
# - thing: JavaScript
|
||||
# - thing: CSS
|
||||
# - thing: Handlebars
|
||||
# - thing: Backbone
|
||||
# - thing: Marionette
|
||||
# - thing: Cordova
|
||||
|
||||
- name: React Resume
|
||||
url: http://brittanychiang.com/react-profile/
|
||||
code: https://github.com/bchiang7/react-profile/
|
||||
description: An online version of my 2016 resume I made for fun. I was interested in learning React.js, so I found this <a class="underline-link" 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!
|
||||
used:
|
||||
- thing: JavaScript
|
||||
- thing: React
|
||||
- thing: CSS
|
||||
|
||||
- name: CourseSource
|
||||
url: http://webdevspring2016-chiangbrittany.rhcloud.com/project/client/#/login
|
||||
code: https://github.com/bchiang7/WebDevSpring2016/tree/master/public/project
|
||||
description: A web application built on the MEAN (MongoDB, Express, Angular, Node) stack for my web development course at Northeastern. I created this web app with the intention of providing Northeastern Students a better experience browsing the courses offered at Northeastern.
|
||||
used:
|
||||
- thing: HTML
|
||||
- thing: CSS
|
||||
- thing: JavaScript
|
||||
- thing: Node.js
|
||||
- thing: Angular
|
||||
- thing: Express
|
||||
- thing: MongoDB
|
||||
|
||||
- name: NU Women in Tech
|
||||
url: http://nuwit.ccs.neu.edu/
|
||||
code: https://github.com/nuwit/website
|
||||
description: Complete overhaul and redesign of NU Women in Tech's club website using Jekyll, built while serving as web chair on the e-board.
|
||||
used:
|
||||
- thing: Jekyll
|
||||
- thing: HTML
|
||||
- thing: CSS
|
||||
- thing: JavaScript
|
||||
- thing: Bootstrap
|
||||
|
||||
- name: Fontipsums
|
||||
url: http://brittanychiang.com/fontipsums
|
||||
code: https://github.com/bchiang7/fontipsums
|
||||
description: As someone who has an eye for typography, 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.
|
||||
used:
|
||||
- thing: HTML
|
||||
- thing: SCSS
|
||||
|
||||
- name: Personal Website V1
|
||||
url: http://brittanychiang.com/v1
|
||||
code: https://github.com/bchiang7/website_2015/
|
||||
description: My first portfolio website I designed and built in 2014. I learned quite a bit about HTML, CSS, and SEO. Since then, I think my web development and design skills have improved immensely.
|
||||
used:
|
||||
- thing: HTML
|
||||
- thing: CSS
|
||||
- thing: Bootstrap
|
||||
- thing: JavaScript
|
||||
- thing: jQuery
|
||||
|
||||
- name: One Card For All
|
||||
url: http://onecardforall.org
|
||||
description: MullenLowe's 2016 holiday site built around an algorithm that generates a holiday greeting to each and every person on the planet. 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 class="underline-link" href="http://us.mullenlowe.com/work/one-card-for-all/" target="_blank">video</a> describing the project.
|
||||
used:
|
||||
- thing: HTML
|
||||
- thing: SCSS
|
||||
- thing: JavaScript
|
||||
- thing: jQuery
|
||||
|
||||
- name: JetBlue HumanKinda
|
||||
url: http://jetbluehumankinda.com
|
||||
description: Tumblr site complementing JetBlue's HumanKinda campaign and documentary. The site houses the video documentary, many graphics created by Mullen for the campaign, and an interactive quiz to determine how "HumanKinda" you are. Learn more about this project <a class="underline-link" href="http://us.mullenlowe.com/work/humankinda/" target="_blank">here</a>.
|
||||
used:
|
||||
- thing: HTML
|
||||
- thing: CSS
|
||||
- thing: JavaScript
|
||||
- thing: jQuery
|
||||
@@ -1,118 +0,0 @@
|
||||
- title: Crowd DJ
|
||||
demo: https://github.com/crowddj/crowddj-react
|
||||
code: https://github.com/crowddj/crowddj-react
|
||||
description: Crowd DJ is a web app that allows people who are at a party or social gathering with a DJ (who uses Spotify) to request songs via their smartphones. The web app allows people to see the currently playing song, request songs, upvote songs, and rate songs so the DJ can see how the crowd is feeling and act accordingly. In other words, Crowd DJ is essentially a crowdsourced music queue.
|
||||
img: crowddj
|
||||
used:
|
||||
- thing: React.js
|
||||
- thing: Sass
|
||||
- thing: Firebase
|
||||
- thing: Spotify API
|
||||
|
||||
# - 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/react-profile/
|
||||
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="http://us.mullenlowe.com/work/one-card-for-all/" 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. Learn more about this project <a href="http://us.mullenlowe.com/work/humankinda/" target="_blank">here</a>!
|
||||
img: humankinda
|
||||
used:
|
||||
- thing: HTML
|
||||
- thing: CSS
|
||||
- thing: JavaScript
|
||||
- thing: jQuery
|
||||
@@ -1,19 +0,0 @@
|
||||
- row: row1
|
||||
services:
|
||||
- heading: Web Development
|
||||
sprite: webdev
|
||||
text: Using HTML, CSS, and JavaScript with pre-processors and build tools such as Sass and Grunt, I have a passion for developing pixel-perfect websites and apps while maintaining a semantic, modular, and DRY code base.
|
||||
|
||||
- heading: Responsive UI Design
|
||||
sprite: ui
|
||||
text: <strong><em>"A user interface is like a joke. If you have to explain it, it's not that good."</em></strong> 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 believe is vital to a successful product.
|
||||
|
||||
- heading: Diversity in Tech
|
||||
sprite: wit
|
||||
text: Beyond coding, I am a strong advocate for diversity in the tech industry, especially for women. I currently serve as President for Northeastern's women in tech club, <a href="http://nuwit.ccs.neu.edu/" target="_blank">NUWIT</a>, and was a 2016 <a href="http://ghc.anitaborg.org/" target="_blank">Grace Hopper Conference</a> Scholar.
|
||||
@@ -1,31 +1,33 @@
|
||||
development:
|
||||
- item: JavaScript
|
||||
- item: HTML5
|
||||
- item: CSS3
|
||||
- item: Jekyll
|
||||
languages:
|
||||
- item: JavaScript (ES6)
|
||||
- item: HTML
|
||||
- item: CSS/Sass
|
||||
- item: Python
|
||||
- item: React
|
||||
- item: Backbone
|
||||
- item: Node.js
|
||||
- item: Angular
|
||||
- item: Java
|
||||
- item: SQL
|
||||
|
||||
design:
|
||||
- item: sketch
|
||||
- item: adobe-photoshop
|
||||
- item: adobe-indesign
|
||||
- item: adobe-illustrator
|
||||
- item: invision
|
||||
frameworks:
|
||||
- item: Jekyll
|
||||
- item: Ember
|
||||
- item: Backbone
|
||||
- item: D3
|
||||
- item: React
|
||||
- item: Angular
|
||||
- item: Cordova
|
||||
|
||||
tools:
|
||||
- item: Git + Github
|
||||
- item: Command Line
|
||||
- item: Node.js
|
||||
- item: Bash
|
||||
- item: Git & Github
|
||||
- item: Gulp & Grunt
|
||||
- item: Chrome DevTools
|
||||
- item: Grunt + Gulp
|
||||
- item: Postman
|
||||
- item: MongoDB
|
||||
- item: MySQL
|
||||
|
||||
knowledge:
|
||||
- item: CSS Detangling
|
||||
- item: ECMAScript 6
|
||||
- item: Usability
|
||||
- item: SEO
|
||||
- item: TDD
|
||||
design:
|
||||
- item: Sketch
|
||||
- item: InDesign
|
||||
- item: InVision
|
||||
- item: Prototyping
|
||||
- item: User Testing
|
||||
- item: Typography
|
||||
|
||||
@@ -1,55 +0,0 @@
|
||||
- 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. <strong>Graduating in May 2018.</strong>
|
||||
sprite: university
|
||||
date: 2013 - Present
|
||||
|
||||
- position: HCI Research Assistant
|
||||
company: NU College of Computer & Information Science
|
||||
url: http://www.ccis.northeastern.edu/
|
||||
description: Assisted 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 & 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
|
||||
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
|
||||
|
||||
- position: Developer
|
||||
company: Scout Studio
|
||||
url: http://www.northeastern.edu/scout/
|
||||
description: Collaborated with a small team of student designers to spearhead a new design system for Scout’s first annual student-led design conference at Northeastern. Worked closely with designers and management team to develop, document, and manage the conference’s marketing website using Jekyll, Sass, and JavaScript.
|
||||
sprite: university
|
||||
date: Jan 2017 - Present
|
||||
|
||||
# - position: UI Engineer Co-op
|
||||
# company: Apple
|
||||
# url: http://www.apple.com/
|
||||
# description: Worked on iTunes using Ember.js
|
||||
# sprite: industry
|
||||
# date: July - Dec 2017
|
||||
Reference in New Issue
Block a user