Create account

DEV Community

My Portfolio Site

Jayant on September 18, 2022

Hey 👋, Guys I just Made My Portfolio Site and wanted to share you with all, It is Made using React.js

My Portfolio Site

It has some Flaws that are yet to be Resolved.

Pls have a look at this & give Your Review.

Thanks.

Matija Novosel • Sep 18 '22 • Edited

It is a nice site and I'd hate to nitpick but I'd suggest looking into a few things:

The link icons on the navigation stay as text when I hover over them and leave quickly (don't know if that's intentional)
The title of the page and routes all have the default React one, I'd recommend looking into dynamic changes of the page metadata and changing the default favicon as well
The blogs and timeline routes don't share the navigation and overflow both in width and height
The dev.to link points to one of your articles, don't know if you meant to point it at your profile

Jayant • Sep 19 '22

Thnx for the feedback bro 🙂
I will do the required chages

George WL • Sep 23 '22

I can recommend creating a simple hook that sets the document.title on page change 😁

Vincent A. Cicirello • Sep 18 '22

Looks nice. I have 2 comments.... First, your GitHub link is broken. Just get a 404 error. One of the first things I look for in a developer portfolio site is a link to any open source they've worked on such as a link to GitHub or GitLab or BitBucket, etc. It looks like your GitHub link in your DEV profile is also broken.

My second comment is that as a fan of 1980s games, I was disappointed that the Pacman went away after a couple seconds. My first thought when seeing the animated Pacman was: cool, Pacman, what's it going to do? So I was a bit disappointed when it was just a momentary placeholder. But that's just me and not particularly important.

Jayant • Sep 18 '22

Here is my GitHub profile link
github.com/jayant818

Actually I have changed my username that's why the link is broken.

Also, Thnx for visiting my portfolio site.

Wade Zimmerman • Sep 20 '22 • Edited

Pretty good! Although, if you are planning to use this on your resume I think you should optimize it for people who have a busy schedule (people who skim-read).

In my opinion, the navigation should be flawless and redundant. Not going to lie, I thought the scroll was broken for a split second. IMO you should put everything on one page and keep the navigation.

Also, adding a proper write up for each project can make a huge difference. If you can explain what you learned from each project and tell people why you are including it in your portfolio, you will demonstrate your critical thinking skills.

TL;DR: Keep it simple. Don't add too many projects, information, or features. Only keep the absolute essentials.

Jayant • Sep 20 '22

Thnx for the Feedback bro, I will change it accordingly 🙂.

Rahmath Irshad • Sep 22 '22

Favicon & title needs to be change
Left-side menu bar hovering needs to be solve
Instagram link is not working
Jayant logo width & height needs to reduce
In projects section, projects layouts are of different sizes, it needs to be one size.

saarsa • Sep 20 '22

Looks good
But there is a strange behavior I think
It stays on text on the first click and returns to the icon on the second click

Jayant • Sep 20 '22

onMouseEnter it reveals the name and onMouseLeave it will show the icon again
But I think on mobile it's not working.
will correct it 🙂

Gande Jethlans Lanshima • Sep 21 '22

But note that mouseover events don't auto work on mobile until you touch the element. So I think that is why.

George WL • Sep 25 '22

I'll be honest I don't like the site nav for two reasons:

Site nav should be static, always the same size and shape no matter what page
It completely dissapears and is replaced with just "Go Back" on every page that isn't the home page

George WL • Sep 25 '22

Accesibility is very important in the Modern Web, for two major reasons:

Google ranks pages with high lighthouse scores as higher in search
It makes the website readable by those with accessibility issues (such as vision problems, inability to navigate using a mouse, etc.)

And I'll be honest, your website doesn't rank particularly high on accessibility.

Isreal Oparanti (JSON) • Sep 21 '22

Really captivating, nice one

Jayant • Sep 21 '22

Thnx

Isreal Oparanti (JSON) • Sep 21 '22

How did you achieve the animations, most expecially the typing.
I really want to know how you did that

Jayant • Sep 21 '22

I have Actually Used this Package
npmjs.com/package/react-typical

Isreal Oparanti (JSON) • Sep 23 '22

Oh thanks bro 🙌

Jakub Pradeniak • Sep 22 '22 • Edited

Hi 👋, I have only one comment - the geometric shapes on the background looks cool, bud on some screen sizes it makes text a little bit difficult to read. If someone with some eye disorded would visit your page it woldu meake bigger issue for him/her.

Otherwise it looks good, I like the design And loading is rly cool 😁

Ishan Bagchi • Sep 19 '22

Nice to see another Colt's student. 😋

Jayant • Sep 19 '22

😁

Keval Mistry • Sep 21 '22

It looks very similar to slobadan's portfolio,
Did you took inspiration from him??

Jayant • Sep 21 '22

Nothing is Original bro , but you should how to steal it perfectly.
Maybe I lack that 🥲

Jayant • Sep 21 '22

Yes

yuvraj sood • Sep 19 '22

It's really a great website but just try to make it a parallex site you know the home page is nice but it should be looking better with it

Obaino82 • Sep 21 '22

Cool

Csaba Vadász • Sep 22 '22

I like your portfolio, good site! Congrat!

Ibrahim L.. • Sep 20 '22

Great work @jay818.
I have seen some nice comments regarding the flaws, I just want to add that the blog page is breaking on refresh, I haven't check the other pages though. In all nice work 👍

Yuvraj Kaushal • Sep 18 '22

Great work bro!

Jayant • Sep 18 '22

Thnx bro

redhcp • Sep 19 '22 • Edited

great!

I post my website for e.g

Breia • Mar 30

Its really nice! Good Job!

Atena Dadkhah • Sep 19 '22 • Edited

My advice is to make it slightly less fancy.
I'm not saying remove every animation and icon but I mean some box-shadows are too much or you can reduce some hover options .

Peter Cruckshank • Sep 22 '22

Hey great site 🙌🏻 I might lower the opacity of the circles and squares that appear behind the text.
Right now they make it a little hard to read where they cross.

Love all the animations! 🎉