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!

Discussion (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 Author • Edited on

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
manuthecoder 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
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 on

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
m7d profile image
MOHAMMAD • Edited on

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 Author

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

Collapse
atulcodex profile image
Atul Prajapati

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

Collapse
8koi profile image
Hachikoi Author

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

Collapse
pulimoodan profile image
Akbar Ali

You should rethink about the colors and background

Collapse
athifbinu profile image
Athif binu

All the best

Collapse
datsfilipe profile image
Filipe Lima

That's a good portfolio at all, some projects are showing 404 error in the preview, just to let you know.

Collapse
8koi profile image
Hachikoi Author

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

Collapse
yamiteruxyz profile image
Comment marked as low quality/non-constructive by the community. View Code of Conduct
Yamiteru XYZ

Thanks for showing what exactly not to do 👍

Collapse
ziker22 profile image
Zikitel22 • Edited on

Thanks for showing how to crush hopes and dreams of people entering industry with useless comments

Collapse
8koi profile image
Hachikoi Author

tysm for the community for blocking it! I was not able to get my hopes I dreams crushed lol

Thread Thread
yamiteruxyz profile image
Yamiteru XYZ

Lol don't post if you can't handle negative feedback 🤦‍♂️