initial commit

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    "@babel/preset-react",
+    "babel-preset-gatsby"
+  ]
+}

.editorconfig

@@ -0,0 +1,7 @@
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc

@@ -0,0 +1,4 @@
+{
+  "root": true,
+  "extends": "@upstatement/eslint-config/react"
+}

.gitignore

@@ -1,104 +1,11 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# TypeScript v1 declaration files
-typings/
-
-# TypeScript cache
-*.tsbuildinfo
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-.env.test
-
-# parcel-bundler cache (https://parceljs.org/)
+# Project dependencies
 .cache
+node_modules
+yarn-error.log
+package-lock.json
 
-# Next.js build output
-.next
-
-# Nuxt.js build / generate output
-.nuxt
-dist
-
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and *not* Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
+# Build directory
+/public
+.DS_Store
 
-# TernJS port file
-.tern-port
+.vscode/

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint-staged

.nvmrc

@@ -0,0 +1 @@
+14.16.0

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Brittany Chiang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,2 +1,87 @@
-# portfolio-web
-Portfolio website for future project (WIP)
+<div align="center">
+  <img alt="Logo" src="https://raw.githubusercontent.com/bchiang7/v4/main/src/images/logo.png" width="100" />
+</div>
+<h1 align="center">
+  brittanychiang.com - v4
+</h1>
+<p align="center">
+  The fourth iteration of <a href="https://brittanychiang.com" target="_blank">brittanychiang.com</a> built with <a href="https://www.gatsbyjs.org/" target="_blank">Gatsby</a> and hosted with <a href="https://www.netlify.com/" target="_blank">Netlify</a>
+</p>
+<p align="center">
+  Previous iterations:
+  <a href="https://github.com/bchiang7/v1" target="_blank">v1</a>,
+  <a href="https://github.com/bchiang7/v2" target="_blank">v2</a>,
+  <a href="https://github.com/bchiang7/bchiang7.github.io" target="_blank">v3</a>
+</p>
+<p align="center">
+  <a href="https://app.netlify.com/sites/brittanychiang/deploys" target="_blank">
+    <img src="https://api.netlify.com/api/v1/badges/1963b488-7b78-48c9-9e2d-6fb5e47ab3af/deploy-status" alt="Netlify Status" />
+  </a>
+</p>
+
+![demo](https://raw.githubusercontent.com/bchiang7/v4/main/src/images/demo.png)
+
+## 🚨 Forking this repo (please read!)
+
+Many people have contacted me asking me if they can use this code for their own website, and the answer to that question is usually **yes, with attribution**.
+
+I value keeping my site open source, but as you all know, _**plagiarism is bad**_. It's always disheartening whenever I find that someone has copied my site without giving me credit. I spent a non-trivial amount of effort building and designing this iteration of my website, and I am proud of it! All I ask of you all is to not claim this effort as your own.
+
+Please also note that I did not build this site with the intention of it being a starter theme, so if you have questions about implementation, please refer to the [Gatsby docs](https://www.gatsbyjs.org/docs/).
+
+### TL;DR
+
+Yes, you can fork this repo. Please give me proper credit by linking back to [brittanychiang.com](https://brittanychiang.com). Thanks!
+
+## 🛠 Installation & Set Up
+
+1. Install the Gatsby CLI
+
+   ```sh
+   npm install -g gatsby-cli
+   ```
+
+2. Install and use the correct version of Node using [NVM](https://github.com/nvm-sh/nvm)
+
+   ```sh
+   nvm install
+   ```
+
+3. Install dependencies
+
+   ```sh
+   yarn
+   ```
+
+4. Start the development server
+
+   ```sh
+   npm start
+   ```
+
+## 🚀 Building and Running for Production
+
+1. Generate a full static production build
+
+   ```sh
+   npm run build
+   ```
+
+1. Preview the site as it will appear once deployed
+
+   ```sh
+   npm run serve
+   ```
+
+## 🎨 Color Reference
+
+| Color          | Hex                                                                |
+| -------------- | ------------------------------------------------------------------ |
+| Navy           | ![#0a192f](https://via.placeholder.com/10/0a192f?text=+) `#0a192f` |
+| Light Navy     | ![#112240](https://via.placeholder.com/10/0a192f?text=+) `#112240` |
+| Lightest Navy  | ![#233554](https://via.placeholder.com/10/303C55?text=+) `#233554` |
+| Slate          | ![#8892b0](https://via.placeholder.com/10/8892b0?text=+) `#8892b0` |
+| Light Slate    | ![#a8b2d1](https://via.placeholder.com/10/a8b2d1?text=+) `#a8b2d1` |
+| Lightest Slate | ![#ccd6f6](https://via.placeholder.com/10/ccd6f6?text=+) `#ccd6f6` |
+| White          | ![#e6f1ff](https://via.placeholder.com/10/e6f1ff?text=+) `#e6f1ff` |
+| Green          | ![#64ffda](https://via.placeholder.com/10/64ffda?text=+) `#64ffda` |

content/featured/HalcyonTheme/index.md

@@ -0,0 +1,16 @@
+---
+date: '1'
+title: 'Halcyon Theme'
+cover: './halcyon.png'
+github: 'https://github.com/bchiang7/halcyon-site'
+external: 'https://halcyon-theme.netlify.com/'
+tech:
+  - VS Code
+  - Sublime Text
+  - Atom
+  - iTerm2
+  - Hyper
+showInProjects: true
+---
+
+A minimal, dark blue theme for VS Code, Sublime Text, Atom, iTerm, and more. Available on [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=brittanychiang.halcyon-vscode), [Package Control](https://packagecontrol.io/packages/Halcyon%20Theme), [Atom Package Manager](https://atom.io/themes/halcyon-syntax), and [npm](https://www.npmjs.com/package/hyper-halcyon-theme).

content/featured/OctoProfile/index.md

@@ -0,0 +1,14 @@
+---
+date: '3'
+title: 'OctoProfile'
+cover: './octoprofile.png'
+github: 'https://github.com/bchiang7/octoprofile'
+external: 'https://octoprofile.now.sh'
+tech:
+  - Next.js
+  - Chart.js
+  - GitHub API
+showInProjects: true
+---
+
+A nicer look at your GitHub profile and repository stats with data visualizations of your top languages and stars. Sort through your top repos by number of stars, forks, and size.

content/featured/SpotifyProfile/index.md

@@ -0,0 +1,15 @@
+---
+date: '2'
+title: 'Spotify Profile'
+cover: './demo.png'
+github: 'https://github.com/bchiang7/spotify-profile'
+external: 'https://spotify-profile.herokuapp.com/'
+tech:
+  - React
+  - Node.js
+  - Express
+  - Spotify Web API
+showInProjects: true
+---
+
+A web app for visualizing personalized Spotify data. View your top artists, top tracks, recently played tracks, and detailed audio information about each track. Create and save new playlists of recommended tracks based on your existing playlists and more.

content/jobs/Apple/index.md

@@ -0,0 +1,13 @@
+---
+date: '2017-12-21'
+title: 'UI Engineer Co-op'
+company: 'Apple'
+location: 'Cupertino, CA'
+range: 'July - December 2017'
+url: 'https://www.apple.com/music/'
+---
+
+- Developed and shipped highly interactive web applications for Apple Music using Ember.js
+- Built and shipped the Apple Music Extension within Facebook Messenger leveraging third-party and internal APIs
+- Architected and implemented the front-end of Apple Music's embeddable web player widget, which lets users log in and listen to full songs in the browser
+- Contributed extensively to MusicKit.js, a JavaScript framework that allows developers to add an Apple Music player to their web apps

content/jobs/Mullen/index.md

@@ -0,0 +1,12 @@
+---
+date: '2015-12-21'
+title: 'Creative Technologist Co-op'
+company: 'MullenLowe'
+location: 'Boston, MA'
+range: 'July - December 2015'
+url: 'https://us.mullenlowe.com/'
+---
+
+- Developed and maintained code for in-house and client websites primarily using HTML, CSS, Sass, JavaScript, and jQuery
+- Manually tested sites in various browsers and mobile devices to ensure cross-browser compatibility and responsiveness
+- Clients included JetBlue, Lovesac, U.S. Cellular, U.S. Department of Defense, and more

content/jobs/Scout2017/index.md

@@ -0,0 +1,11 @@
+---
+date: '2017-04-01'
+title: 'Studio Developer'
+company: 'Scout'
+location: 'Northeastern University'
+range: 'January - June 2017'
+url: 'https://web.northeastern.edu/scout/'
+---
+
+- Collaborated with a small team of student designers to spearhead a new brand and design system for Scout’s inaugural 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

content/jobs/Scout2018/index.md

@@ -0,0 +1,12 @@
+---
+date: '2018-04-01'
+title: 'Studio Developer'
+company: 'Scout'
+location: 'Northeastern University'
+range: 'January - April 2018'
+url: 'https://web.northeastern.edu/scout/'
+---
+
+- Worked with a team of three designers to build a marketing website and e-commerce platform for [blistabloc](https://blistabloc.com), an ambitious startup originating from Northeastern
+- Helped solidify a brand direction for blistabloc that spans both packaging and web
+- Interfaced with clients on a weekly basis, providing technological expertise

content/jobs/Starry/index.md

@@ -0,0 +1,12 @@
+---
+date: '2016-12-21'
+title: 'Software Engineer Co-op'
+company: 'Starry'
+location: 'Boston, MA'
+range: 'July - December 2016'
+url: 'https://starry.com/'
+---
+
+- 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
+- Interfaced with user experience designers and other developers to ensure thoughtful and coherent user experiences across Starry’s iOS and Android mobile apps

content/jobs/Upstatement/index.md

@@ -0,0 +1,12 @@
+---
+date: '2018-05-14'
+title: 'Engineer'
+company: 'Upstatement'
+location: 'Boston, MA'
+range: 'May 2018 - Present'
+url: 'https://www.upstatement.com/'
+---
+
+- Write modern, performant, maintainable code for a diverse array of client and internal projects
+- Work with a variety of different languages, platforms, frameworks, and content management systems such as JavaScript, TypeScript, Gatsby, React, Craft, WordPress, Prismic, and Netlify
+- Communicate with multi-disciplinary teams of engineers, designers, producers, and clients on a daily basis