anuraghazra / anuraghazra.github.io Goto Github PK

View Code? Open in Web Editor NEW

544.0 9.0 190.0 94 MB

My Portfolio Site | Made With @Gatsbyjs

Home Page: https://anuraghazra.dev

License: MIT License

JavaScript 89.50% CSS 10.50%

blog portfolio personal-blog-website personal-blog gatsbyjs portfolio-site

anuraghazra.github.io's Introduction

Anurag Hazra

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/anuraghazra/anuraghazra.github.io.git

Step 2: Install Dependencies

cd into the directory

cd anuraghazra.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

Gatsby.js (of course)
Styled Components for styling
Cypress for E2E Testing
Jest for Unit Testing
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

anuraghazra.github.io's People

Contributors

Stargazers

Watchers

Forkers

link2rn dreamer01 ahmedbesbes olympikesoft ozairkhanbro antoinemertz ashakibp dzc0d3r roshankr-asort rodrigo-segui vagoel mythrex sina951 annet-warnetku piyushsuthar vishalofficial965 jugshaurya andriawan jq-k sujeet-agrahari go-and-practice sagorcb swifstor muhaj awesomegithubrepos skymach97 sowmya-iyer alidhuniya gouravsood punitkmryh balhayer atiqisrak mikeyhodl sanjeevkumar321 venkywarriors lovepreet021 swetabhofficial karmanya007 same-bread alfonzzoj sitemana delta94 nickbrimmer cryptodev523 kuleyu indrakhatiwada satouriko kamitom fkavum mohamedeo weisk-templates sohail0992 farzad-jalali indiemiao mynksinghal akashkundu114 drvgautam doc22940 ayush7614 arun-pratap just-started vin-portfolio wandabwa2004 sugengdcahyo mdsagor07 hirwablessing manas2297 xtcacti paylater666 hiroforyou bangtoy bilal-23 saurabharch sagnikmitra ibnusyawall subhanraj mxvd hemal-mamtora audreyadelaide darshansudhakar sahilian muskaantiwari ferdous-mahmud mellob1989 gpprakash vamsee9 karthikmprakash prisaherren sanmak muskanmahajan37 nullbyte91 sakunaharinda lenerdz guru111 repost-em hercules261188 cronixzero c-eo theprogrammingking p-eo

anuraghazra.github.io's Issues

Typo in home.js

Javascript is used as Javascirpt and beautiful as beautifull.

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 ❤️ .

Use Monospace font for the "class" code

A monospace font will look a lot better in this area

[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.

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

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.

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

[deps]: fix the goddamn useless dependabot alerts.

They suck!

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.

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

Scrollbar doesn't work in Firefox

It still shows the default scrollbar.

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

Minor typos/grammatical errors in certain section