Skip to content

First iteration of my personal website built with Gatsby

License

Notifications You must be signed in to change notification settings

ibthiam/gatsbyjs-portfolio

Repository files navigation

Logo

# Thiam E. Ibrahima - Personal WebSite

This iteration of thiamibrahima.netlify.app built with Gatsby and hosted with Netlify

Netlify Status

demo

Notice

This repository is based on the work of Brittany Chiang.

This website is designed and built using Gatsby.

Installation & Set Up

  1. Copy this Repo

    git clone https://github.com/ibthiam/portfolio.git -b main
  2. Install the Gatsby CLI

    npm install -g gatsby-cli
  3. Go in project folder

    cd portfolio
  4. Install & use the correct version of Node using NVM

    nvm install
  5. Install dependencies

    npm install
  6. Start the development server

    npm start

Building & 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

Environment Informations

  1. Current Environment Configuration

     System:
         OS: Linux 5.13 Ubuntu 20.04.4 LTS (Focal Fossa)
         Shell: 5.0.17 - /bin/bash
       Binaries:
         Node: 16.14.2 - ~/.nvm/versions/node/v16.14.2/bin/node
         npm: 8.5.0 - ~/.nvm/versions/node/v16.14.2/bin/npm
       Browsers:
         Chrome: 100.0.4896.127
         Firefox: 99.0
       npmPackages:
         gatsby: ^3.4.1 => 3.14.6
         gatsby-plugin-google-analytics: ^3.4.0 => 3.14.0
         gatsby-plugin-image: ^1.4.0 => 1.14.2
         gatsby-plugin-manifest: ^3.4.0 => 3.14.0
         gatsby-plugin-netlify: ^3.4.0 => 3.14.0
         gatsby-plugin-offline: ^4.4.0 => 4.14.0
         gatsby-plugin-react-helmet: ^4.4.0 => 4.14.0
         gatsby-plugin-robots-txt: ^1.5.6 => 1.7.1
         gatsby-plugin-sharp: ^3.4.1 => 3.14.3
         gatsby-plugin-sitemap: ^4.0.0 => 4.10.0
         gatsby-plugin-styled-components: ^4.4.0 => 4.14.0
         gatsby-remark-code-titles: ^1.1.0 => 1.1.0
         gatsby-remark-external-links: 0.0.4 => 0.0.4
         gatsby-remark-images: ^5.1.0 => 5.11.0
         gatsby-remark-prismjs: ^5.1.0 => 5.11.0
         gatsby-source-filesystem: ^3.4.0 => 3.14.0
         gatsby-transformer-remark: ^4.1.0 => 4.11.0
         gatsby-transformer-sharp: ^3.4.0 => 3.14.0
       npmGlobalPackages:
         gatsby-cli: 4.12.1

Color Reference

Color Hex
Navy #203239 #203239
Light Navy #233554 #233554
Lightest Navy #1D5C63 #1D5C63
Slate #a8b2d1 #a8b2d1
Light Slate #ccd6f6 #ccd6f6
Lightest Slate #e6f1ff #e6f1ff
White #e6f1ff #e6f1ff
Green #64ffda #64ffda

About

First iteration of my personal website built with Gatsby

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published