DEV Community

Discussion on: How is your portfolio built?

Collapse
 
sureshmurali29 profile image
Suresh M • Edited

I built mine using React and hosted on Github pages.

Link: sureshmurali.github.io

Collapse
 
mjoellnier profile image
Max

Fantastic work! Scrolling through it was really inspiring!

Collapse
 
sureshmurali29 profile image
Suresh M

Thank you Max

Collapse
 
aamirrokz profile image
Aamir

really amazing portfolio loved it...!!

Collapse
 
sureshmurali29 profile image
Suresh M

Thank you Aamir 🙏

Collapse
 
thomasbnt profile image
Thomas Bnt

Woaaaw, awesome portfolio with animations 👏

Collapse
 
sureshmurali29 profile image
Suresh M

Thanks Hackerman 🤓

Collapse
 
benmcm1994_71 profile image
Benjamin McMullan

Can you recommend any resources for UI design or front-end development to get to your level? Some cool stuff man!

Collapse
 
sureshmurali29 profile image
Suresh M • Edited

UI design inspirations: Awwwards, Dribbble, Uplabs and Pinterest

Front-end resources: FrontendMasters (for JS and React), Developer.Mozilla.org (for CSS) and YouTube

Collapse
 
torianne02 profile image
Tori Crawford

I love your portfolio! Holy cow what a fun experience.

Collapse
 
sureshmurali29 profile image
Suresh M

Thanks Victoria ☺️
Your appreciation means a lot to me.

Collapse
 
ben profile image
Ben Halpern

Reminds me a bit of apple.com landing pages.

Collapse
 
iam_timsmith profile image
Tim Smith

I think the animations help with that a lot

Thread Thread
 
pavelloz profile image
Paweł Kowalski • Edited

They help to kill fps too ;) I dont remember last time ive seen frontend portfolio skipping frames while scrolling ;)

Collapse
 
olivergomes profile image
Oliver Gomes

Dude! That's one hell of a Portfolio, loved the experience!

Collapse
 
sureshmurali29 profile image
Suresh M

Thanks a lot, Oliver.

Collapse
 
adamweiler profile image
Adam • Edited

I like it! It looks nice. At first I thought the icons at the bottom were too big, but it's a style choice.

You can optimize your site by doing a Google Chrome Audit; specifically some tips:
-Meta description, Apple favicon, viewport size; that's easy!
-Resize your images in Photoshop. If you're only showing a small version anyways you don't need a full-size image. If you want, use both and have the small-png have a link to the large-png.
-Optimize your images when exporting.
-There's no navbar, which helps for screen-readers. (Style vs accessibility.)
-A few others, you'll have to go through them.

Also there are some freaky image movements if you open the console then resize it up & down.

Collapse
 
xanderyzwich profile image
Corey McCarty

Voistrap is first and last

Collapse
 
georgeoffley profile image
George Offley

Your portfolio is awesome. Nice job!

Collapse
 
sureshmurali29 profile image
Suresh M

Thanks George. I like your comical profile picture.

Collapse
 
michaelpierre profile image
Michael Pierre

Your portfolio was fun!

Collapse
 
jatin2856 profile image
jatin sablok

Nice design

Collapse
 
dantefrank profile image
David Dante Frank

Loved your portfolio

Collapse
 
remibruguier profile image
Rémi BRUGUIER • Edited

It does look great indeed, but there's a little glitch for me on Chrome (2560 * 1080) : thepracticaldev.s3.amazonaws.com/i...

Collapse
 
listnux profile image
ListNUX

Fantastic!!!

Collapse
 
sureshmurali29 profile image
Suresh M

Thanks ListNUX