anuraghazra / anuraghazra.github.io

My Portfolio Site | Made With @Gatsbyjs

I'm a self-taught passionate FrontEnd developer from India 🇮🇳

About me

• 💼 FrontEnd Engineer at Razorpay

• 📈 Built github-readme-stats, verlyjs and more, 50m+ hits • 50K stars on GitHub

• ❤️ I love writing TypeScript, and building fun experiments on type-level

• 💬 Ask me about anything here

Top Repositories

anuraghazra.github.io's Issues

Minor typos/grammatical errors in certain section

Hey Anurag, I came across your portfolio website and noticed a few typos/grammatical errors in a few sections on the page:

The ones in the quotes are the typos/errors, and the ones in the code blocks are the corrected ones.

I also posses magical powers of using react to build delightful user interfaces.
I also love doing open source development, I actively maintain various notable open source projects with over,
30k+ stars on GitHub and 50m+ hits.

I also possess magical powers of using react to build delightful user interfaces.
I also love doing open source development. I actively maintain various notable open source projects with over 30k+ stars on GitHub and 50m+ hits.

Evolution Aquarium is based on Craig Reynold's Steering Behaviors and Flocking System, and It implements a Genetic Algorithm and mutations.

Evolution Aquarium is based on Craig Reynold's Steering Behaviors and Flocking System, and it implements a Genetic Algorithm and mutations.

ShaderExpo Includes rich features like Inline Error Logs

ShaderExpo includes rich features like Inline Error Logs

I used device orientation API to get the alpha, gamma, delta rotations of the mobile device and then use it to control the player. also available on itch.io

I used device orientation API to get the alpha, gamma, delta rotations of the mobile device and then used it to control the player. Also available on itch.io

Minor typo

anuraghazra.github.io/src/components/Layout/Footer.js

Lines 32 to 40 in ba27b64

	<p style={{ float: 'right' }}>
	Made with love and
	<a href="https://gatsbyjs.org" target="__blank">
	&nbsp;gatsby&nbsp;
	</a>
	by
	<a href="https://github.com/anuraghazra" target="__blank">
	&nbsp;me
	</a>

@anuraghazra Found a minor but quite visible typo, should be "Made with love by Gatsby & Me". Also, maybe replace "love" by ❤️ .

Typo in home.js

Javascript is used as Javascirpt and beautiful as beautifull.

Update the font of Navbar

Hii, Amazing website

It will be great if you change the Navbar titles to Capitalize titles,
like: Home, About me, etc.

I hope you would like my suggestion.

anurag pls see

how to delpoy on heroku

[infra]: Migrate CI/CD to GitHub Actions

Currently we are using travis which can be removed since migrating to github actions will provide a more cohesive experience and also will be faster.

Download resume not working

Hey Anurag, you website is amazing !
However, the "Download resume" button is not working. I'm not sure if that was intended or if it's a little detail you missed out ?
Anyways, I thought I should let you know

[deps]: fix the goddamn useless dependabot alerts.

They suck!

[a11y]: Do accessibility assessment and improve a11y overall

I built this site over 2 years ago, that time I had very limited experience and knowledge of a11y. But from past year working and building on a fully a11y component library I've learned a lot about a11y which I could use to improve the experience.

• First obvious feature which is missing is skip-navigation.

Scrollbar doesn't work in Firefox

It still shows the default scrollbar.

If you want, I can go ahead and fix it.

Download resume button not working

The button which says "download resume" doesn't let me download your resume.

Linkedin Fontawesome icon not working

Hi,

Great website, I'm building my site upon this.

I tried putting in LinkedIn profile on my home page but the icon is not rendering do I need to add something

<IconLink
label="linkedin"
icon={['fab', 'linkedin']}
href="#"
/>

Scrollbar which fits dark mode

The white scrollbar on the dark mode page just kinda sticks out like a sore thumb, it would be nice to make it so that the scrollbar also switches colour to stay consistent w/ the theme.

[bug] download resume button doesn't work.

The button which says "download resume" doesn't let me download your resume.

Minor typos/grammatical errors in certain sections.

Hey Anurag, I came across your portfolio website and noticed a few typos/grammatical errors in a few sections on the page:

The ones in the quotes are the typos/errors, and the ones in the code blocks are the corrected ones.

I also posses magical powers of using react to build delightful user interfaces.
I also love doing open source development, I actively maintain various notable open source projects with over,
30k+ stars on GitHub and 50m+ hits.

I also possess magical powers of using react to build delightful user interfaces.
I also love doing open source development. I actively maintain various notable open source projects with over 30k+ stars on GitHub and 50m+ hits.

Evolution Aquarium is based on Craig Reynold's Steering Behaviors and Flocking System, and It implements a Genetic Algorithm and mutations.

Evolution Aquarium is based on Craig Reynold's Steering Behaviors and Flocking System, and it implements a Genetic Algorithm and mutations.

ShaderExpo Includes rich features like Inline Error Logs

ShaderExpo includes rich features like Inline Error Logs

I used device orientation API to get the alpha, gamma, delta rotations of the mobile device and then use it to control the player. also available on itch.io

I used device orientation API to get the alpha, gamma, delta rotations of the mobile device and then used it to control the player. Also available on itch.io

EDIT: Had to close the older issue and create a new one, as I had accidentally created the older one through my company account.

FIxing side projects section

I noticed that below your videos, you have three logos. Is it supposed to be like that? Your website looks epic, but you could move them to another place or remove them.

NPM Install Error

Hi, I am trying to install the dependencies for this using the npm install but I get this error. Any hints? I tried updating my npm package but that didn't work.

npm ERR! code 1
npm ERR! path /Users/nateloker/Documents/nateloker/anuraghazra.github.io/node_modules/gatsby-transformer-sharp/node_modules/sharp
npm ERR! command failed
npm ERR! command sh -c (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
npm ERR! CC(target) Release/obj.target/nothing/../../../node-addon-api/nothing.o
npm ERR!   LIBTOOL-STATIC Release/nothing.a
npm ERR!   TOUCH Release/obj.target/libvips-cpp.stamp
npm ERR!   CXX(target) Release/obj.target/sharp/src/common.o
npm ERR! info sharp Downloading https://github.com/lovell/sharp-libvips/releases/download/v8.10.5/libvips-8.10.5-darwin-arm64v8.tar.br
npm ERR! ERR! sharp Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8
npm ERR! info sharp Attempting to build from source via node-gyp but this may fail due to the above error
npm ERR! info sharp Please see https://sharp.pixelplumbing.com/install for required dependencies
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | darwin | arm64
npm ERR! gyp info find Python using Python version 3.8.9 found at "/Library/Developer/CommandLineTools/usr/bin/python3"
npm ERR! gyp info spawn /Library/Developer/CommandLineTools/usr/bin/python3
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   '/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
npm ERR! gyp info spawn args   'binding.gyp',
npm ERR! gyp info spawn args   '-f',
npm ERR! gyp info spawn args   'make',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   '/Users/nateloker/Documents/nateloker/anuraghazra.github.io/node_modules/gatsby-transformer-sharp/node_modules/sharp/build/config.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   '/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   '/Users/nateloker/Library/Caches/node-gyp/20.3.0/include/node/common.gypi',
npm ERR! gyp info spawn args   '-Dlibrary=shared_library',
npm ERR! gyp info spawn args   '-Dvisibility=default',
npm ERR! gyp info spawn args   '-Dnode_root_dir=/Users/nateloker/Library/Caches/node-gyp/20.3.0',
npm ERR! gyp info spawn args   '-Dnode_gyp_dir=/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp',
npm ERR! gyp info spawn args   '-Dnode_lib_file=/Users/nateloker/Library/Caches/node-gyp/20.3.0/<(target_arch)/node.lib',
npm ERR! gyp info spawn args   '-Dmodule_root_dir=/Users/nateloker/Documents/nateloker/anuraghazra.github.io/node_modules/gatsby-transformer-sharp/node_modules/sharp',
npm ERR! gyp info spawn args   '-Dnode_engine=v8',
npm ERR! gyp info spawn args   '--depth=.',
npm ERR! gyp info spawn args   '--no-parallel',
npm ERR! gyp info spawn args   '--generator-output',
npm ERR! gyp info spawn args   'build',
npm ERR! gyp info spawn args   '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! gyp info spawn make
npm ERR! gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
npm ERR! warning: /Library/Developer/CommandLineTools/usr/bin/libtool: archive library: Release/nothing.a the table of contents is empty (no object file members in the library define global symbols)
npm ERR! ../src/common.cc:24:10: fatal error: 'vips/vips8' file not found
npm ERR! #include <vips/vips8>
npm ERR!          ^~~~~~~~~~~~
npm ERR! 1 error generated.
npm ERR! make: *** [Release/obj.target/sharp/src/common.o] Error 1
npm ERR! gyp ERR! build error 
npm ERR! gyp ERR! stack Error: `make` failed with exit code: 2
npm ERR! gyp ERR! stack     at ChildProcess.onExit (/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:203:23)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:511:28)
npm ERR! gyp ERR! stack     at ChildProcess._handle.onexit (node:internal/child_process:293:12)
npm ERR! gyp ERR! System Darwin 21.3.0
npm ERR! gyp ERR! command "/opt/homebrew/Cellar/node/20.3.0/bin/node" "/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd /Users/nateloker/Documents/nateloker/anuraghazra.github.io/node_modules/gatsby-transformer-sharp/node_modules/sharp
npm ERR! gyp ERR! node -v v20.3.0
npm ERR! gyp ERR! node-gyp -v v9.3.1
npm ERR! gyp ERR! not ok

npm ERR! A complete log of this run can be found in: /Users/nateloker/.npm/_logs/2023-06-15T22_20_49_774Z-debug-0.log

hey bro, can you tell me how can i remove the blog section from the site?

Use Monospace font for the "class" code

A monospace font will look a lot better in this area

Adding pagination

Hello @anuraghazra

I really like your blog and i'm currently using it as a way to learn gatsby and as a template for my portfolio.

I had a question regarding the blog posts though, is it possible to add a pagination? to display for example 5 posts per page. this would be superb!

Ahmed