Portfolio

My portfolio website build using Gatsby and Sanity

Getting Started

Prerequisite

• Node
• npm
• Sanity Project Id and Data set. You can create this just by creating a account on Sanity

Installing

• git clone the repository
• cd in to gatsby folder and run npm install
• Also create an .env file at the root of the gatsby folder and insert to env variables in to it.

PROJECT_ID=sanityProjectId
DATA_SET=sanityDataSet

• run npm start

Branches

• master
• develop

Features List

• Initial design
• Rubberband animation
• React 3d tab ball
• Logo
• Sanity Integeration
• Blogs
• Cursor animation
• Background animation
• Loading Screen
• Div fade in and out animation
• Domain name
• SEO
• Unit tests
• Responsive

Authors

Muhammad Aahad
@Muhammad Aahad

Version History

• 0.1
  • Initial Release
• 0.2
  • Div animation done
  • Temperoray favicon added
  • React Helm integerated

Acknowledgments

Inspiration and code snippets

• JacekJeznach Porfolio
• 3D Tag Ball
• README Template
• Animate on scroll