Vinay Patel

Creative FrontEnd Web Developer

Strained eyes? There's DarkMode too :p

NOTE: If you are using this site as a template for your own portfolio site, I would be very glad if you add a link to the original site with my name in footer

🚀 Quick start

Run the site locally

NOTE: The default branch for this repo is develop, when you push or pull make sure you specify the correct branch

Step 1: Clone The Repo

Fork the repository. then clone the repo locally by doing -

git clone https://github.com/patelvinay/patelvinay.github.io.git

Step 2: Install Dependencies

cd into the directory

cd patelvinay.github.io

install all the dependencies

npm install

Step 3: Start Development Server

Then start the development Server

npm run develop

After running the development server the site should be running on https://localhost:8000

📂 What's inside?

A quick look at the folder structure of this project.

.
├── content
│   ├───blog
│   ├───case-studies
│   └───json
├── cypress
├── plugins
└── src
    ├───components
    │   ├───About
    │   ├───Blog
    │   ├───common
    │   ├───Concepts
    │   ├───Contact
    │   ├───CreativeCoding
    │   ├───Home
    │   ├───Layout
    │   │   └───Navbar
    │   ├───Lightbox
    │   ├───Projects
    │   └───Skills
    ├───hooks
    ├───pages
    ├───static
    │   └───images
    ├───styles
    └───templates

Tools Used

1. Gatsby.js (of course)
2. Styled Components for styling
3. Cypress for E2E Testing
4. Jest for Unit Testing
5. TravisCI for CI/CD

✌️ Contributing

NOTE: if you want to change the blog content or fix any typo you can do that from github's ui without cloning the repo locally

After cloning & setting up the local project you can push the changes to your github fork and make a pull request.

You can also run the tests locally to see if everything works fine with

Running tests

npm run test
npm run test:e2e

Pushing the changes

git add .
git commit -m "commit message"
git push YOUR_REPO_URL develop

---

Made with ❤️ and Gatsbyjs