hari-bhandari/portfoliov2

A personal portfolio created using @ReactJs and @GatsbyJs and used styled-components to handle CSS

Personal Portfolio

Hari Bhandari

Demo

Tree Structure

Strained eyes? There's DarkMode too :p

NOTE: If you are using this site as a template for your own portfolio site, I would appreciate if you manifest my name with my portfolio url

Run the site locally clone it and run develop NOTE: The default branch for this repo is develop, when you push or pull make sure you specify the correct branch

├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── LICENSE
├── package.json
├── package-lock.json
├── README.md
├── src
│   ├── commons
│   │   ├── Button.js
│   │   ├── Card.js
│   │   ├── Flex.js
│   │   ├── Grid.js
│   │   ├── IconLink.js
│   │   ├── IFrame.js
│   │   ├── LogoCSS.js
│   │   ├── Logo.js
│   │   └── PageHeader.js
│   ├── components
│   │   ├── AboutMe
│   │   │   ├── AboutMeCSS.js
│   │   │   └── AboutMe.js
│   │   ├── Cards
│   │   │   ├── CodingCardCSS.js
│   │   │   ├── CodingCard.js
│   │   │   └── CodingList.js
│   │   ├── contact
│   │   │   ├── ContactFormCSS.js
│   │   │   ├── ContactForm.js
│   │   │   └── useForm.js
│   │   ├── CssAnimations.js
│   │   ├── Footer.js
│   │   ├── Header
│   │   │   ├── HeaderCss.js
│   │   │   └── Header.js
│   │   ├── header.js
│   │   ├── image.js
│   │   ├── layout.css
│   │   ├── layout.js
│   │   ├── Logo
│   │   │   ├── LogoCSS.js
│   │   │   ├── Logo.js
│   │   │   └── LoaderLogo.js
│   │   ├── Navbar
│   │   │   ├── logo.svg
│   │   │   ├── NavbarCss.js
│   │   │   └── Navbar.js
│   │   ├── projects
│   │   │   ├── DevicesMockup.js
│   │   │   ├── MiniProject.js
│   │   │   ├── MiniProjectsCSS.js
│   │   │   ├── MiniProjects.js
│   │   │   ├── PhoneMockupCSS.js
│   │   │   ├── ProjectCSS.js
│   │   │   ├── Project.js
│   │   │   └── Projects.js
│   │   └── seo.js
│   ├── config.js
│   ├── images
│   │   ├── astar.png
│   │   ├── budget.png
│   │   ├── car.png
│   │   ├── contactKeeper.png
│   │   ├── corona.png
│   │   ├── cors.png
│   │   ├── devCamper.png
│   │   ├── gatsby-astronaut.png
│   │   ├── gatsby-icon.png
│   │   ├── ip.png
│   │   ├── logo.png
│   │   ├── logs.png
│   │   ├── mcdonalds.png
│   │   └── me.jpg
│   ├── json
│   │   ├── about.json
│   │   ├── header.json
│   │   ├── projects.json
│   │   └── unFeaturedProjects.json
│   ├── pages
│   │   ├── 404.js
│   │   └── index.js
│   ├── styles
│   │   ├── container.js
│   │   ├── GlobalStyle.js
│   │   ├── index.js
│   │   ├── media.js
│   │   ├── mixins.js
│   │   ├── Section.js
│   │   ├── theme.js
│   │   └── TransitionStyles.js
│   └── utils
│       ├── index.js
│       └── sr.js
├── static
│   ├── demo.gif
│   ├── og.png
│   └── resume.pdf
└── yarn.lock