DEV Community

Cover image for My very first portfolio
Hachikoi
Hachikoi

Posted on

My very first portfolio

Visit
Github Code
This is my baby, I hate it/love it so much, please leave any kind of feedback I want to become a better dev!

Top comments (23)

Collapse
 
lukeshiru profile image
Luke Shiru

I put everything I saw in a list, don't take it hard, is just things you can improve over time:

  • To make this post more insightful, you could share why did you chose the tech you chose (like sass), the challenges you found, the things that were easier than you expected and so on.
  • You don't need JS, you can do the animations with CSS in the about page.
  • The logos you used in the about should be ideally SVG, which is more lightweight and better looking than PNG.
  • You might want to use plain CSS instead of SASS for a simple project like this one. CSS nowadays is super powerful, the only thing you might miss is nesting.
  • Color contrast in the app is not great in general. You can use tools like this one to test the colors, if they are below AA, then you should pick other. You can see for example that the result for the color of the nav in top of the background is not ideal here.

Hope that helps! Cheers!

Collapse
 
8koi profile image
Hachikoi • Edited

Omg TYSM!!.
Do you think it'd be better performance-wise on React or just plain HTML?

Collapse
 
lukeshiru profile image
Luke Shiru

Plain ol' HTML generally does the trick for this kind of Site. You can use React and turn it into a static site with tools such as Astro and Remix.

Collapse
 
__manucodes profile image
manu

Would suggest you to make the font brighter for accessibility:
https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zbq3wb31wu1t7hn2dh2v.png

And the spelling error in "About Me"

Collapse
 
m7d profile image
Mohammad • Edited

You need to make more projects and search about small projects page design or template and make one like it you can use codepen.io to save your code in cloud it's free
Finally, you need to read articales on "css-tricks.com".
Good luck.

Collapse
 
bhavyashah profile image
Bhavyashah

Please Add UI Design in your Portfolio or first design in figma and then code on website.

Collapse
 
8koi profile image
Hachikoi

I was first working whit Figma yesterday I'll add use it more!

Collapse
 
mishabka profile image
Mishab Ka

Bro you whant to improve more brooo check this

devanandan5.herokuapp.com/

Collapse
 
leocaprile profile image
Matías Fuentes

Hey! Really cool website but it's laggy ln Mobile, You we're using create-react-app? I think it's lacks optimization, is a simple page but i don know why it's laggy, at least for mobile in my redmi t9

Collapse
 
lukeshiru profile image
Luke Shiru • Edited

Yup, 23/100 in performance ... compared to the site in the post with 86/100 ... so objectively not better 😅

Thread Thread
 
ziker22 profile image
Zikitel22

It actually crashes like 8/10 times on my phone

Thread Thread
 
lukeshiru profile image
Luke Shiru

Mine doesn't crash, but I think is running at 10 fps Dx

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Good start,
Keep learning and implementing new skills to make this design more appealing.
all the best.

Collapse
 
pulimoodan profile image
Akbar Ali

You should rethink about the colors and background

Collapse
 
8koi profile image
Hachikoi

TYSM for the feedback! I will change it to a single page and do more research about the color scheme!!!

Collapse
 
athifbinu profile image
Athif binu

All the best

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
8koi profile image
Hachikoi

It's not a bug it's a feature!

Collapse
 
ramzifartas profile image
RamziFartas

I Think It's a good website better than my first portfolio but it's lacking visually...chang colors add contrast

Some comments may only be visible to logged-in visitors. Sign in to view all comments.