• Stars
    star
    7,502
  • Rank 5,138 (Top 0.2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated 5 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Fourth iteration of my personal website built with Gatsby
Logo

brittanychiang.com - v4

The fourth iteration of brittanychiang.com built with Gatsby and hosted with Netlify

Previous iterations: v1, v2, v3

Netlify Status

demo

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

TL;DR

Yes, you can fork this repo. Please give me proper credit by linking back to brittanychiang.com. Thanks!

🛠 Installation & Set Up

  1. Install the Gatsby CLI

    npm install -g gatsby-cli
  2. Install and use the correct version of Node using NVM

    nvm install
  3. Install dependencies

    yarn
  4. Start the development server

    npm start

🚀 Building and Running for Production

  1. Generate a full static production build

    npm run build
  2. Preview the site as it will appear once deployed

    npm run serve

🎨 Color Reference

Color Hex
Navy #0a192f #0a192f
Light Navy #112240 #112240
Lightest Navy #233554 #233554
Slate #8892b0 #8892b0
Light Slate #a8b2d1 #a8b2d1
Lightest Slate #ccd6f6 #ccd6f6
White #e6f1ff #e6f1ff
Green #64ffda #64ffda

More Repositories

1

bchiang7.github.io

Third iteration of my personal website built with Jekyll
CSS
780
star
2

spotify-profile

A web app for visualizing personalized Spotify data built with React, Express, and the Spotify API
JavaScript
651
star
3

octoprofile

A nicer look at GitHub profiles built with Next.js and the GitHub API
JavaScript
493
star
4

halcyon-vscode

A dark blue theme for VS Code based on the Ayu Mirage theme
JavaScript
210
star
5

time-to-have-more-fun

A little app to choose my next vacation destination built with Next.js, Tailwind CSS, and Firebase
JavaScript
72
star
6

google-keep-vue-firebase

Google Keep clone with Vue.js and Firebase, just for fun
Vue
60
star
7

halcyon-iterm

Halcyon Theme for iTerm2
60
star
8

halcyon-site

Site for all Halcyon themes
JavaScript
55
star
9

v3

Third iteration of my personal website
SCSS
49
star
10

dotfiles

To make life easier when setting up a new computer
Shell
48
star
11

v1

First iteration of my personal website
HTML
47
star
12

react-profile

Online resume made with React.js
HTML
42
star
13

v2

Second iteration of my personal website built with Jekyll
CSS
26
star
14

Halcyon

Halcyon Theme for Sublime Text
24
star
15

react-boilerplate

Create React App v2 with Styled Components v4
JavaScript
19
star
16

eleventy-base

SCSS
9
star
17

nativescript-pokedex

A Pokedex app built with NativeScript-Vue
JavaScript
9
star
18

bchiang7

8
star
19

fontipsums

Pretty fonts and funny ipsums
CSS
8
star
20

CS3200-Project

Final Project for CS 3200 Database Design, Summer 1 2017
HTML
8
star
21

halcyon-hyper

Halcyon Theme for Hyper Terminal
JavaScript
7
star
22

spotify-top-tracks-2017

Analysis of Spotify's Top Tracks of 2017 in R
HTML
5
star
23

pin-simple

Pinterest, but just the pictures
Vue
4
star
24

lint-me

A script to install Upstatement ESLint & Prettier linting configs to your project
Shell
4
star
25

feedback-loop

Final project for 5D Foundations
CSS
3
star
26

Bookmarks

A Collection of Links
HTML
3
star
27

halcyon-atom-syntax

Halcyon Syntax Theme for Atom
CSS
3
star
28

workshop-submissions

JavaScript
3
star
29

gh-actions-sandbox

3
star
30

nativescript-vue-todo

https://nativescript-vue.org/en/docs/getting-started/playground-tutorial/
JavaScript
2
star
31

gatsby-starter-styled-components

Gatsby's V2 Default Starter with Styled Components
JavaScript
2
star
32

frequency-bars

p5.js experiment for frequency bars that react to audio
JavaScript
2
star
33

nuxt-prismic-previews

Getting Prismic Previews to work with a static Nuxt site hosted on Netlify
Vue
2
star
34

Calendr

HCI Term Project: an all-in-one calendar/homework assignment/to-do list application PROTOTYPE
HTML
2
star
35

node-markdown-editor

JavaScript
1
star
36

static-starter

JavaScript
1
star
37

chrome-tabs

Chrome-like tabs with bootstrap & angular
CSS
1
star
38

Redesign-myNEU

Redesigned myNEU web prototype
HTML
1
star
39

WebDevSpring2016

Repo for my spring 2016 web dev class
JavaScript
1
star
40

nativescript-vue-playground

JavaScript
1
star