All Projects → bchiang7 → V4

bchiang7 / V4

Licence: mit
Fourth iteration of my personal website built with Gatsby

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to V4

Gabriel Adorf Portfolio
Gabriel Adorf's personal website
Stars: ✭ 133 (-96.77%)
Mutual labels:  gatsby, styled-components, gatsbyjs
Bonneville
A simple, clean GatsbyJS starter for those looking to get up and running with Gatsby
Stars: ✭ 23 (-99.44%)
Mutual labels:  gatsby, styled-components, gatsbyjs
Reactive Resume
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
Stars: ✭ 3,280 (-20.27%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Starter Business
Gatsby Business Website Starter
Stars: ✭ 243 (-94.09%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Theme Terminal
A zero component Gatsby theme for developers 🔋
Stars: ✭ 251 (-93.9%)
Mutual labels:  gatsby, gatsbyjs
Js Docs
Este projeto foi desenvolvido para contribuir com o open-source. Se você quiser contribuir basta seguir o README
Stars: ✭ 191 (-95.36%)
Mutual labels:  gatsby, gatsbyjs
React Portfolio Template
Modern React Portfolio Template (FREE)
Stars: ✭ 188 (-95.43%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Starter Portfolio Jodie
Image-heavy photography portfolio with colorful accents & customizable pages. Includes adaptive image grids powered by CSS grid and automatic image integration into projects.
Stars: ✭ 249 (-93.95%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Plugin Favicon
Favicon Gatsby plugin
Stars: ✭ 175 (-95.75%)
Mutual labels:  gatsby, gatsbyjs
chicio.github.io
👻 Fabrizio Duroni (me 😄) personal website. Created using GatsbyJS, Styled Components, Storybook, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.
Stars: ✭ 20 (-99.51%)
Mutual labels:  styled-components, gatsbyjs
Gatsby Starter Portfolio Emma
Minimalistic portfolio with full-width grid, page transitions, support for additional MDX pages, and a focus on large images. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.
Stars: ✭ 253 (-93.85%)
Mutual labels:  gatsby, gatsbyjs
gatsby-starter-apple
🍎 Gatsby blog starter kit with beautiful responsive design
Stars: ✭ 88 (-97.86%)
Mutual labels:  styled-components, gatsbyjs
Smakosh.com
My personal website
Stars: ✭ 185 (-95.5%)
Mutual labels:  gatsby, styled-components
Gatsby Docker
Develop & Build GatsbyJS static sites within Docker.
Stars: ✭ 184 (-95.53%)
Mutual labels:  gatsby, gatsbyjs
Here Covid 19 Tracker
Using HERE Technologies APIs, fork and build your own COVID-19 Tracker. For a live version, see the website.
Stars: ✭ 200 (-95.14%)
Mutual labels:  gatsby, gatsbyjs
Felipefialho.com
😺 My personal website
Stars: ✭ 177 (-95.7%)
Mutual labels:  gatsby, styled-components
Gatsby Mdx Blog Starter Project
Gatsby MDX Blog Starter Project
Stars: ✭ 248 (-93.97%)
Mutual labels:  gatsby, gatsbyjs
gatsby-starter-shopifypwa
💚🛒💚 Bodega is a Shopify PWA using Gatsby JS + Netlify CMS
Stars: ✭ 100 (-97.57%)
Mutual labels:  styled-components, gatsbyjs
Sentry Docs
The new place for the sentry documentation (and tools to build it)
Stars: ✭ 160 (-96.11%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Theme Superstylin
💅 A Gatsby Theme with styled-components
Stars: ✭ 165 (-95.99%)
Mutual labels:  gatsby, styled-components
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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].