Skip to content

scottgriv/Portfolio-Website

 
 

Repository files navigation


Gatsby Badge React Badge Netlify Badge
GitHub Badge Email Badge BuyMeACoffee Badge
Gold


💼 Portfolio Website 💼

Netlify Status

The first iteration of scottgrivner.dev built with Gatsby and hosted with Netlify

demo


Table of Contents

Features

  • 📱 PWA - Fully functional as a Progressive Web App.
  • 📱 Responsive Design - Optimized for mobile devices.
  • 📊 SEO Friendly - Built with SEO in mind following the latest industry standards.
  • 🤖 Schema Markup - Structured data is implemented to help search engines understand the content on the site.
  • 📄 CV - A downloadable resume in PDF format.
  • 📧 Contact Form - A working contact form powered by Formspree.
  • 🚀 Performance - Optimized for lightning-fast loading speeds.
  • 🎨 SVG Icons - Custom SVG icons created with Figma.
  • 🎨 Color Theme - Easily change the website color theme by updating the color variables in the variables.js file.

Getting Started

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 install
  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
Dark Navy #020c1b #020c1b
Light Navy #112240 #112240
Lightest Navy #233554 #233554
Dark Slate #495670 #495670
Gray #979797 #979797
Red #ff0000 #ff0000
Blue #57cbff #57cbff
Black #000000 #000000
White #ffffff #ffffff

Resources

License

This project is released under the terms of the MIT License, which permits use, modification, and distribution of the code, subject to the conditions outlined in the license.

  • The MIT License provides certain freedoms while preserving rights of attribution to the original creators.
  • For more details and to understand all requirements and conditions, see the LICENSE file in this repository.

Credits

This repo was originally forked from: Brittany Chiang's v4 repo.

Website design credit goes to Brittany, I modified the website to fit my needs (explained below):

  • Changed the color/theme using the CSS color reference on the bottom of this page in the variables.js file:
  • Created custom SVG logo/icons.
  • Updated the About, Experience, Work, and Contact areas to fit my personal needs.
  • Added a GitHub link to this repo in the website footer.
  • Removed the hover overlay on the project and about photos.
  • Updated a number of images/icons/links.
  • Added my Stack Overflow link to the left nav bar area.
  • Many other small/cosmetic changes.

Feel free to fork this repo but please give me proper credit by linking back to scottgrivner.dev as well as the original author, Brittany Chiang's website brittanychiang.com, on your own site or in your README. Thanks!