DEV Community

Cover image for My Portfolio Site
Jayant
Jayant

Posted on • Updated on

My Portfolio Site

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.

Latest comments (43)

Collapse
 
breiajohn profile image
Breia

Its really nice! Good Job!

Collapse
 
georgewl profile image
George WL

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

  1. Google ranks pages with high lighthouse scores as higher in search

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

Collapse
 
georgewl profile image
George WL

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

  1. Site nav should be static, always the same size and shape no matter what page

  2. It completely dissapears and is replaced with just "Go Back" on every page that isn't the home page

Collapse
 
georgewl profile image
George WL

Are the triangles meant to be overlapping with the text on mobile?

Collapse
 
jay818 profile image
Jayant

No , I will fix them

Collapse
 
csaba79coder profile image
Csaba Vadász

I like your portfolio, good site! Congrat!

Collapse
 
petecapecod profile image
Peter Cruckshank

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! 🎉

Collapse
 
jay818 profile image
Jayant • Edited

Thanks Sir

Collapse
 
rahmathirshad profile image
Rahmath Irshad
  1. Favicon & title needs to be change
  2. Left-side menu bar hovering needs to be solve
  3. Instagram link is not working
  4. Jayant logo width & height needs to reduce
  5. In projects section, projects layouts are of different sizes, it needs to be one size.
Collapse
 
jakubpradeniak profile image
Jakub Pradeniak • 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 😁

Collapse
 
kevalmiistry profile image
Keval Mistry

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

Collapse
 
jay818 profile image
Jayant

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

Collapse
 
jay818 profile image
Jayant

Yes

Collapse
 
isrealoparanti6542 profile image
Isreal Oparanti (JSON)

Really captivating, nice one

Collapse
 
jay818 profile image
Jayant

Thnx

Collapse
 
isrealoparanti6542 profile image
Isreal Oparanti (JSON)

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

Thread Thread
 
jay818 profile image
Jayant

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

Thread Thread
 
isrealoparanti6542 profile image
Isreal Oparanti (JSON)

Oh thanks bro 🙌

Collapse
 
obaino82 profile image
Obaino82

Cool

Collapse
 
joset98 profile image
joset98

Holy crap man, it ia quite gorgepus, keep doing it

Collapse
 
jay818 profile image
Jayant

thnx bro🙂

Collapse
 
daud99 profile image
daud99

Nice <3

Collapse
 
ade_sholly11 profile image
Ibrahim L..

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 👍

Collapse
 
saarsa profile image
saarsa

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
Image description

Collapse
 
jay818 profile image
Jayant

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 🙂

Collapse
 
glanshima profile image
Gande Jethlans Lanshima

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