DEV Community

Cover image for Yay! I created my first Portfolio! šŸŽ‰

Yay! I created my first Portfolio! šŸŽ‰

Anmol Baranwal on January 24, 2025

After months of hard work, I'm finally launching my portfolio to show the world. I've always believed that social profiles are more than enough an...
Collapse
 
perisicnikola37 profile image
Nikola PeriÅ”ić • Edited

Great job! This website is very unique, and I love the choice of colors. The customized scrollbar is a fantastic touch - really well done! šŸš€

Here are a few suggestions for improvement:

  • The social media icons in the header (GitHub, X, LinkedIn) could be made easier to click; they feel a bit small or not very accessible. The same applies to the theme toggle icon.
  • I would remove "Portfolio of" and leaving it as just "Anmol Baranwal" in the website title
  • The trailing dot that follows the cursor feels a little slow. When hovering quickly, it can appear laggy
  • The "Trusted by" section animation feels a bit too fast

I also have a few questions:

  • What tool or technique did you use to create the beautiful horizontal divider?
  • How did you implement the three statistic boxes (98+, 900k, 50+)?
  • Is this project open-source?

You can check my new tool for analyzing dev.to posts here if you are interested. It is still in the draft phase.

Collapse
 
helloayo profile image
Ayį» Suber

The dot bothers me as well.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thank you for the detailed feedback, Nikola.

The social media icons in the header (GitHub, X, LinkedIn) could be made easier to click; they feel a bit small or not very accessible. The same applies to the theme toggle icon.

Yes, this was also flagged as an issue in PageSpeed Insights. I didnā€™t want them to be too big and distracting but I will adjust them as much as possible to make them more accessible.

I will work on other points as well.

What tool or technique did you use to create the beautiful horizontal divider?

It's not using a tool, simple css code. You can inspect it as well.

How did you implement the three statistic boxes (98+, 900k, 50+)?

Again, pretty much a component, each box has a different design. The icon on the back is SVG as background (with the position adjusted).

Is this project open-source?

Iā€™ve decided not to make it open source for now since most people don't really follow the rules of license and moderating it as an individual is difficult. I might open source it later, but that won't happen for at least the next 2 or 3 months.

Thank you for checking it out. šŸ’œ

Collapse
 
perisicnikola37 profile image
Nikola PeriÅ”ić

You're welcome!

Collapse
 
shricodev profile image
Shrijal Acharya

Great job building this portfolio, Anmol. I really loved it. šŸ‘

There's one small issue I noticed, the cursor is not working on Firefox-based browsers. Iā€™m using Zen right now, and the custom cursor isnā€™t showing up. Everything else is flawless. šŸ”„

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks for checking it out, Shrijal! šŸ”„ Means a lot.

I only tested it on Chrome and Edge šŸ˜…, so I will look into the issue and fix it asap. Appreciate your feedback :)

Collapse
 
dfordp profile image
Dilpreet Grover

Beautiful stuff!

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks Dilpreet! šŸ’œ

Collapse
 
jeffrey_martin_44f7bcf2a3 profile image
Jeffrey Martin

Well done. The performance remains stable while still engaging and well suited for the audience you are delivering to. I agree with your statement "Just get started" - So true. Get the minimum requirements there so potential clients, customers and employers will see something - usually a good idea to have minimum of resume and an about section. Then focus on the big release while time permits. Great work Anmol!

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Means a lot, Jeffrey! šŸ’œ

I wasted several months just trying to design perfect things, only to realize that later. There is an about section and will also add a skills/tech stack section later on. As for the resume, I havenā€™t updated it in a few months so I kinda avoided it, but I will think about it.

Thank you for the advice. Appreciate it.

Collapse
 
princev89 profile image
Prince Vishwakarma

Looks nice šŸ‘.

Can you some insights on Largest Contentful Paint optimization,
It check your site on pagespeed.web.dev/ and got below result i am not sure if pagespeed give different result each time.
PageSpeed Insights Result

Image description

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks for the feedback, Prince.

Iā€™ve been optimizing it for the last two days, but the LCP issue on mobile screens is caused by the paragraph. I tried fixing it, but nothing really worked. And yeah, it was giving different results each time.. I checked it multiple times.

I even said this in the post as well, there are performance issues and I will work on it in a couple of weeks.

issues

Still, thank you for taking the time to check it out.

Collapse
 
jose_correia_05ef7ade5fdd profile image
Jose Correia

Great job mate, it requires lot of work to get a design like yours.
You and almost all programmers love the black theme.
Maybe in the future you consider adding different themes, for that i suggest using scss.
Keep with the good work.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks Jose! šŸ”„ Almost every programmer loves dark mode haha. Thatā€™s why I put more effort into that theme (compared to light mode). I donā€™t think we need to add more themes, but I will definitely use scss if I ever consider it.

Collapse
 
gauravsingh8026 profile image
gauravsingh8026

I really enjoyed reading your blog about your portfolio, and I must say, your live portfolio looks amazing! The beautiful UI work youā€™ve done honestly made me rethink my own design choices.

Coincidentally, I'm working on a similar ideaā€”building a portfolio that started with a fun, number-based game. My plan is to gradually integrate more related games, blogs, and eventually my portfolio as well. I'm excited to see that the tech stack Iā€™ve chosen aligns closely with what youā€™ve mentioned in your blog.

Now that Iā€™ve come across your work, Iā€™ll definitely be following your journey, and I hope to share my own experiences soon through a blog post.

If you have a moment, I'd love for you to check out the experimental version of my project: Live Demo. Iā€™d greatly appreciate any feedback or suggestions you might have!

Collapse
 
gauravsingh8026 profile image
gauravsingh8026 • Edited

Desperately looking for a feedback, please checkout my comment also. This will boost my confidence.

Collapse
 
dumebii profile image
Dumebi Okolo

I even saw the website before I saw this article! I was wowed. You never cease to amaze or inspire me, Anmol. This is great.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thank you for taking the time to check it out, Dumebi! šŸ’œ Means a lot.

Collapse
 
anitaolsen profile image
Anita Olsen

Congratulations! Well done!

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thank you Anita! šŸ™Œ It's been a while since we last talked. I appreciate you taking the time to check it out.

Collapse
 
anitaolsen profile image
Anita Olsen

You are very welcome! Yes, yes it has and I regret that. Of course I do! :D

Collapse
 
linuxmobile profile image
linuxmobile ( ćƒŖ惊惃ć‚Æć‚¹ )

Hi, if you 're fine with the feedback:

  • Don't touch scroll.
  • Don't touch the cursor.
Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Okay, I will try to adjust that. Iā€™m aware that itā€™s hard to do for all browsers so that makes sense.

Collapse
 
bobbyiliev profile image
Bobby Iliev

Looks great! šŸ”„

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

The review from the expert himself haha. Means a lot Bobby! šŸ’œ

Collapse
 
mileswk profile image
MilesWK

Wow! Amazing.

Collapse
 
macelp profile image
Mace

Looks nice overall. The custom cursor below / following my actual cursor is really annoying, though.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thank you for your feedback, Mace! A lot of people felt the same way, so I might remove it.

Collapse
 
adii9 profile image
Aditya Mathur

One of the best portfolios I have seen in a long time.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks Aditya! Means a lot. šŸ’œ

Collapse
 
prankurpandeyy profile image
PRANKUR PANDEY

Looking elegant and clean congratulations , I also have a portfolio site : prankurpandeyy.netlify.app please share your feedback

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks man. It looks good! You can also use tools like Framer if you want to explore the no-code side of things.

Collapse
 
phcoder05 profile image
Code masters

Really i love your work

Collapse
 
sebastianccc profile image
Sebastian Christopher

Thatā€™s one hell of a website, some great ideas šŸ™‚. Iā€™m actually a bit inspired.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks for taking the time to check it out, Sebastian! šŸ’œ

I have some experience as a designer, so that really helps with the UX side of things. I'm really happy if this design can inspire you to create something even better :)

Collapse
 
divya4879 profile image
Div_dev

Your portfolio is really good!

Also, your article is really nice as well, mentioning all the tech stack and your journey as well.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks for checking it out Divya. šŸ™Œ Means a lot.

Collapse
 
komsenapati profile image
K Om Senapati

Awesome šŸ˜Ž

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks man. šŸ”„ Rohan pointed out a lot of bugs, it's your turn now haha.

Collapse
 
znayatech profile image
Shamsuddeen Yusuf

Great work, bro. I would like to construct something similar or maybe better, so keep pushing.

Collapse
 
dev_kiran profile image
Kiran Naragund

Looking Awesome AnmolšŸ”„

Collapse
 
seanmclem profile image
Seanmclem

Xitter is for Nazis though. Try blue sky.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

haha.. haven't tried Blue sky, too many social media platforms is just hard to handle as an individual. Still, I will check it out.