Skip to content

DrAcula27/personalWebsite

 
 

Repository files navigation

Logo

Danielle Andrews - personal website

Netlify Status

Table of Contents
  1. About The Project
  2. Usage
  3. Optimizations
  4. Lessons Learned
  5. Contact
  6. Acknowledgments

About The Project

demo

Personal website for showcasing web development and software engineering skills in an accessible and aesthetically pleasing way.

(back to top)

Built With

  • Babel
  • Gatsby
  • Lodash
  • Prism
  • React
  • ScrollReveal
  • StyledComponents

Hosted On

  • Netlify

(back to top)

Usage

🛠 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
Charcoal #333333 #333333
Gray #555555 #555555
Light Gray #777777 #777777
Lightest Gray #999999 #999999
Slate #d1d1d1 #d1d1d1
Light Slate #e6e6e6 #e6e6e6
Lightest Slate #f9f9f9 #f9f9f9
White #ffffff #ffffff
Blue #57cbff #57cbff
Pink #ff7cc8 #ff7cc8

(back to top)

Optimizations

This project can be improved by:

  • keep up to date with current projects
  • fix the alignment of the sections
  • keep navbar sticky to the top, even when scrolling

(back to top)

Lessons Learned

  • How to use Gatsby This project was my first use of the Gatsby framework.

(back to top)

Contact

Danielle Andrews - @DrAcula_codes - daniellerandrews - [email protected]

(back to top)

Acknowledgments

A special thanks to these resources used in the project!

(back to top)

About

Personal website built with Gatsby

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%