README.md

kyryloorlov.com - v3

The third version of my personal website, built with Gatsby and hosted with Netlify.

Previous versions: Version 2

🚀 Installing

1. Install the gatsby CLI

   npm i -g gatsby-cli

2. Clone the repository and change directories

   git clone https://github.com/kyryloren/portfolio-v2
   cd portfolio-v2

3. Install dependencies

   npm install

4. Start the local server

   gatsby develop # local dev server
   gatsby build && gatsby serve # local prod server

5. Open the source code and start editing!

   The site is now running at http://localhost:8000!

🧐 What's inside?

A quick look at the top-level files and directories.

  .
  ├── node_modules # modules
  ├── content # the actual text of the website
  ├── src # source folder
      └── components # main components
          └── layouts
            ├── Head.js # SEO and meta tags that go in the head
            ├── index.js # layout file
          └── sections # section content
          ├── nav.js
          ├── _useWindowSize.js # get dimensions of window
      └── images
      └── pages
          ├── index.js
      └── styles # styled components styles
      └── utils
          ├── config.js # website info for SEO
  ├── static # static content
  ├── .gitignore
  ├── .prettierrc
  ├── gatsby-config.js # imports
  ├── gatsby-browser.js # wrap page with layout
  ├── gatsby-ssr.js # wrap page with layout
  ├── LICENSE
  ├── package-lock.json
  ├── package.json
  ├── README.md

🎨 Color Reference

Color	Hex
Black	#000000
Darker	#0d0d0d
Primary	#DD7373
Accent	#fffcf2
White	#ffffff