diff --git a/_site/404.html b/_site/404.html index d6109b7..c37a7b1 100644 --- a/_site/404.html +++ b/_site/404.html @@ -1 +1 @@ - Brittany Chiang | Front End Software Engineer

404

Houston, we have a problem.

Back to Earth  ðŸš€
-- particles
\ No newline at end of file + Brittany Chiang | Front End Software Engineer

404

Houston, we have a problem.

Back to Earth  ðŸš€
-- particles
\ No newline at end of file diff --git a/_site/img/icons/email.svg b/_site/img/icons/email.svg index 65a7a59..d2cb290 100644 --- a/_site/img/icons/email.svg +++ b/_site/img/icons/email.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/_site/img/icons/github.svg b/_site/img/icons/github.svg index fc2635a..fbd81ec 100644 --- a/_site/img/icons/github.svg +++ b/_site/img/icons/github.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/_site/img/icons/instagram.svg b/_site/img/icons/instagram.svg index 0d4b15a..7a5077a 100644 --- a/_site/img/icons/instagram.svg +++ b/_site/img/icons/instagram.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/_site/index.html b/_site/index.html index 533e92c..e9548d4 100644 --- a/_site/index.html +++ b/_site/index.html @@ -1 +1 @@ - Brittany Chiang | Front End Software Engineer

Hey, I'm Brittany.

I'm a design-minded, detail oriented software engineer passionate about combining beautiful code with beautiful design.

headshot

I'm a fourth year student at Northeastern University in Boston studying computer science and interaction design. I have experience developing and designing software for the web, from simple landing pages to progressive web applications. I strive to create software that not only functions efficiently under the hood, but also provides intuitive, pixel-perfect user experiences.

I love learning new and better ways to create seamless user experiences with clean, efficient, and scalable code. I consider work an ongoing education, and I'm always looking for opportunities to work with those who are willing to share their knowledge as much as I want to learn. At the end of the day, my primary goal is to create something beautiful with people that bring out the best in me.

When I'm not in front of a computer screen, I'm probably snowboarding, traveling, petting dogs, or learning a new song on my uke.

What I Do

Web Development

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.

Responsive UI Design

"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.

Experience Design

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.

Inclusivity in Tech

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 Grace Hopper Conference Scholar.

Skills

Development

  • JavaScript
  • HTML5
  • CSS3
  • Handlebars
  • Backbone
  • NodeJS
  • Jekyll
  • React
  • Python

Design

  • adobe-photoshop
  • adobe-indesign
  • adobe-illustrator
  • invision
  • zeplin

Tools

  • checkmarkGit, Github
  • checkmarkCommand Line
  • checkmarkChrome DevTools
  • checkmarkGrunt/Gulp
  • checkmarkPostman

Knowledge

  • checkmarkCSS Detangling
  • checkmarkES6
  • checkmarkUsability
  • checkmarkWireframing
  • checkmarkSEO

Experience

Thanks to Northeastern's co-op program, I've had the privelege of completing two awesome six-month co-ops as a Creative Technologist at MullenLowe U.S. and Software Engineer at Starry. I'm currently on looking for my third and final co-op from July to December 2017.

Northeastern University

NU College of Computer & Information Science

Candidate for Bachelor of Science in Information Science with a concentration in Human Computer Interaction (HCI) and a minor in Interaction Design. Graduating in May 2018.

2013 - Present

HCI Research Assistant

NU College of Computer & Information Science

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.

Mar - May 2015

Creative Technologist Co-op

MullenLowe U.S.

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.

July - Dec 2015

HCI Teaching Assistant

NU College of Computer & Information Science

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.

Jan - May 2016

President

NU Women in Tech

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.

May 2016 - Present

Software Engineer Co-op

Starry, Inc.

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.

July - Dec 2016
View my full résumé download resume

Some of My Work

desktop-screenshot tablet-screenshot mobile-screenshot

Weather Widget

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.

  • OpenWeatherMap API
  • Google Maps API
  • JavaScript
  • jQuery
  • CSS
  • Node.js
  • Express
  • Heroku
screentime-1 screentime-2 screentime-3 screentime-4

Screentime 2.0

ScreenTime 2.0 was one of Starry's most important consumer-facing software updates on Starry Station, 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.

Check out the Starry App on Google Play, and learn more about ScreenTime 2.0 on Product Hunt and the Starry Blog.

  • JavaScript
  • CSS
  • Handlebars.js
  • Backbone.js
  • Marionette.js
  • Cordova
desktop-screenshot tablet-screenshot mobile-screenshot

Online Resume

This is just an online version of my resume I made for fun. I was interested in learning React.js, so I found this simple tutorial 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!

  • JavaScript
  • React.js
  • CSS
desktop-screenshot tablet-screenshot mobile-screenshot

Old Personal Website

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.

  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • jQuery
desktop-screenshot tablet-screenshot mobile-screenshot

CourseSource

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).

  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • jQuery
  • NodeJS
  • AngularJS
  • Express
  • MongoDB
desktop-screenshot tablet-screenshot mobile-screenshot

NU Women in Tech

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.

  • Jekyll
  • Liquid
  • Yaml
  • HTML
  • CSS
  • Bootstrap
  • jQuery
desktop-screenshot tablet-screenshot mobile-screenshot

Fontipsums

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.

  • HTML
  • SCSS
desktop-screenshot tablet-screenshot mobile-screenshot

One Card For All

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 video describing the project!

  • HTML
  • SCSS
  • JavaScript
  • jQuery
desktop-screenshot tablet-screenshot mobile-screenshot

JetBlue HumanKinda

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 AdWeek, Fast Company, and Digiday!

  • HTML
  • CSS
  • JavaScript
  • jQuery

Get In Touch

Have a sweet project in mind or just want to say hi? Feel free to send me a message!

\ No newline at end of file + Brittany Chiang | Front End Software Engineer

Hey, I'm Brittany.

I'm a design-minded, detail oriented software engineer passionate about combining beautiful code with beautiful design.

headshot

I'm a fourth year student at Northeastern University in Boston studying computer science and interaction design. I have experience developing and designing software for the web, from simple landing pages to progressive web applications. I strive to create software that not only functions efficiently under the hood, but also provides intuitive, pixel-perfect user experiences.

I love learning new and better ways to create seamless user experiences with clean, efficient, and scalable code. I consider work an ongoing education, and I'm always looking for opportunities to work with those who are willing to share their knowledge as much as I want to learn. At the end of the day, my primary goal is to create something beautiful with people that bring out the best in me.

When I'm not in front of a computer screen, I'm probably snowboarding, traveling, petting dogs, or learning a new song on my uke.

What I Do

Web Development

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.

Responsive UI Design

"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.

Experience Design

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.

Inclusivity in Tech

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 Grace Hopper Conference Scholar.

Skills

Development

  • JavaScript
  • HTML5
  • CSS3
  • Handlebars
  • Backbone
  • NodeJS
  • Jekyll
  • React
  • Python

Design

  • adobe-photoshop
  • adobe-indesign
  • adobe-illustrator
  • invision
  • zeplin

Tools

  • checkmarkGit, Github
  • checkmarkCommand Line
  • checkmarkChrome DevTools
  • checkmarkGrunt/Gulp
  • checkmarkPostman

Knowledge

  • checkmarkCSS Detangling
  • checkmarkES6
  • checkmarkUsability
  • checkmarkWireframing
  • checkmarkSEO

Experience

Thanks to Northeastern's co-op program, I've had the privelege of completing two awesome six-month co-ops as a Creative Technologist at MullenLowe U.S. and Software Engineer at Starry. I'm currently on looking for my third and final co-op from July to December 2017.

Northeastern University

NU College of Computer & Information Science

Candidate for Bachelor of Science in Information Science with a concentration in Human Computer Interaction (HCI) and a minor in Interaction Design. Graduating in May 2018.

2013 - Present

HCI Research Assistant

NU College of Computer & Information Science

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.

Mar - May 2015

Creative Technologist Co-op

MullenLowe U.S.

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.

July - Dec 2015

HCI Teaching Assistant

NU College of Computer & Information Science

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.

Jan - May 2016

President

NU Women in Tech

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.

May 2016 - Present

Software Engineer Co-op

Starry, Inc.

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.

July - Dec 2016
View my full résumé download resume

Some of My Work

desktop-screenshot tablet-screenshot mobile-screenshot

Weather Widget

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.

  • OpenWeatherMap API
  • Google Maps API
  • JavaScript
  • jQuery
  • CSS
  • Node.js
  • Express
  • Heroku
screentime-1 screentime-2 screentime-3 screentime-4

Screentime 2.0

ScreenTime 2.0 was one of Starry's most important consumer-facing software updates on Starry Station, 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.

Check out the Starry App on Google Play, and learn more about ScreenTime 2.0 on Product Hunt and the Starry Blog.

  • JavaScript
  • CSS
  • Handlebars.js
  • Backbone.js
  • Marionette.js
  • Cordova
desktop-screenshot tablet-screenshot mobile-screenshot

Online Resume

This is just an online version of my resume I made for fun. I was interested in learning React.js, so I found this simple tutorial 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!

  • JavaScript
  • React.js
  • CSS
desktop-screenshot tablet-screenshot mobile-screenshot

Old Personal Website

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.

  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • jQuery
desktop-screenshot tablet-screenshot mobile-screenshot

CourseSource

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).

  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • jQuery
  • NodeJS
  • AngularJS
  • Express
  • MongoDB
desktop-screenshot tablet-screenshot mobile-screenshot

NU Women in Tech

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.

  • Jekyll
  • Liquid
  • Yaml
  • HTML
  • CSS
  • Bootstrap
  • jQuery
desktop-screenshot tablet-screenshot mobile-screenshot

Fontipsums

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.

  • HTML
  • SCSS
desktop-screenshot tablet-screenshot mobile-screenshot

One Card For All

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 video describing the project!

  • HTML
  • SCSS
  • JavaScript
  • jQuery
desktop-screenshot tablet-screenshot mobile-screenshot

JetBlue HumanKinda

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 AdWeek, Fast Company, and Digiday!

  • HTML
  • CSS
  • JavaScript
  • jQuery

Get In Touch

Have a sweet project in mind or just want to say hi? Feel free to send me a message!

\ No newline at end of file