Rahul Jain

Posted on May 8, 2020

👨‍⚖️My personal portfolio website, can I get a review?

#discuss #javascript #codenewbie #webdev

A few months back, I was wondering to design & develop a whole new portfolio to showcase skills, projects, and favorite movies & tv shows from scratch.

So I took the challenge to come up with creative designs for the portfolio during the lockdown.
I learned Vuejs during my internship, so decided to develop it using Vue.

After going through a lot of portfolio designs, I came up with a cool user interface. Have a look

Portfolio Link - https://rahuldkjain.github.io

I love contributing to open-source projects, so I developed a clean, minimal, and responsive portfolio template for All!

Yes, you read it right! You can easily customize the portfolio just by editing src/portfolio.js.

GitHub Project - https://github.com/rahuldkjain/minimal-portfolio

That's it. Follow the customization steps to create your own portfolio within 60 minutes.

Feel free to contribute to the project by solving open issues or by creating one.

Top comments (23)

Madza • May 8 '20 • Edited

UI/UX has always been a matter of individual preference.
But if you are asking for it, here's my humble opinion:

1.WHAT I LIKED:
I really liked the load animation on the initial load of the page.
Purple-black combination has always been looking nice, you could definitely stick to it.
Social media buttons do look really nice on that background. Maybe implement zoom functionality on hover on them, just to make UX better.
Moving particles are nice touch, making everything feel more spacious.

2.1.WHAT I WOULD IMPROVE (Structural changes):
I would change menu li's as "Work","Education" and "Contact". (read below)
Put your actual projects on top of Work page, as they are ultimately what recruiters will look for.
If you want to highlight your education, internships and awards, I would combine them all in Education page as they are closely related.
Add a Contact page with a proper form for visitors to contact you directly from your page.
Remove the Favourites page, as it's not relevant info for potential recruiters.

2.2.WHAT I WOULD IMPROVE (UI changes):
While it looks unique, the current flashing letters look like it could be more suited for some entertainment company rather than your individual professional portfolio.
When it comes to fonts, I would stick with more round fonts through the whole page, like you did the description about you.
I would re-design the Resume button, so it is in the same purple tone as the rest of the page and with no shadow or with very dark grey, thin shadow.
You are loading very light images on the black background and they are currently loading pretty slow. So implement some kind of a loader (like on initial page load) for images, reduce their sizes to improve the overall browsing experience.
Give a slight border radius to every image on your site (like you do in Favourites page), so they don't look like just basically stacked there using no formatting at all.
I would also put some on-hover effect to each image, just to make it feel more dynamic, make a good use animate.style library.
Below each education/internship and award image posted I would do text block, giving a short description of fields of expertise behind.
For projects I would shortly describe the problem your tool solves and the tech stack used, without an extra need to open them in GitHub.
Make sure you change background colors of tags once you hover over them, to, lets say, dark purple to stick to the website main theme.
I would consider to implement light mode toggle somewhere on top.
Make sure you implement responsiveness to different screen widths. Keep in mind half of users will probably come from mobile devices, so ensure it looks beautiful and easy to read on every device.

Again, these are all subjective, and hope you can make a good use of something :)

Rahul Jain • May 8 '20

OMG! This is the best review I ever got on my design🙌🙌

Thanks a lot!

Madza • May 8 '20

You're welcome :)
I guess that's the beauty of dev.to.
We stand by each other to create better products.

VeeWeb Code • May 8 '20

Can you give me the github link for this portfolio?

Edvinas Pranka • May 8 '20

github.com/rahuldkjain/minimal-por...

Rahul Jain • May 8 '20

rahuldkjain / minimal-portfolio

💪 Perfectly curated, clean, minimal, responsive and customisable portfolio template/boilerplate that allows you to showcase you skills, experience, achievements and favourites(movies & tvs).

This Dot Media • May 8 '20

Hey Rahul! Really great job. Love the simplistic yet creative approach you took to creating your profile. The little details are great, including the load animation at the beginning! You chose a very nice colour scheme as it's both appealing and really makes your text stand out. Maybe for your awards, you could include them with your work page? Or maybe call them "Qualifications" or "Education"? Additionally, a different text other than the flashing neon lights might be a nice improvement! Otherwise the layout of your work page looks awesome as it's well organized and fairly uniform. Thanks for sharing with us!

Daniel Gregory • May 8 '20

I agree with Madza, beauty is in the eye of the beholder, what I like might be different what you like so take my comments with a pinch of salt :)

I think there's some good points about the site and also some areas of improvement.

Here's the parts I liked:

The intro animation, the circle and how the purple bar animates in on load
That picture of you! It makes the site feel more personal
The neon effect on the text, it looks cool
The overall design of the work page
I like the design of the Resume button on the home page

Some areas that I didn't like so much:

The site isn't responsive, in most cases I think this is a must
I like a lot of the components (button, neon heading etc) but I don't feel that they work well together. You are picking too many different visual styles and trying to make them 'gel' together, it's better to keep it simple and pick just one theme.
I think there's too much animation
I would reduce the size of the menu fonts and the icons as per the image below
Do you want to share your instagram and facebook account with potential employers? Maybe just add social icons to your professional social accounts.
Remove the favourites section
Consider removing the awards and adding it at the end of the work page (without horizontal scrolling)

I hope the feedback is helpful and doesn't come across as overly critical!

Rahul Jain • May 12 '20

Yeah you are right. To understand the mobile responsiveness, I decided to not use any css libraries like bootstrap. I know site is not that much responsive. Really appreciate your review. Thanks

niaRamaro • May 8 '20

Looks really cool.

I really like the animated background.

Something I would change is the presentation of the "Favourites" page, the text looks weird. But when you click "see all" we got a nicer presentation.

Rahul Jain • May 8 '20

Considered! Thanks♥️

Henry 👨‍💻 • May 8 '20

Hi,
First of all I really like a lot of the design choices you've made here, the colour scheme and animations are great. I especially like the animation you use for the cycling "webistes, web apps, UI/UX, animations" text.

I would consider changing the font used for the "Hi, I am RAHUL JAIN" text as it isn't really cohesive with the other fonts on the page (which I like). I'd also suggest removing the favourites page as it's not really relevant to the rest of the site.

Though most of the site works well in mobile view, the navbar scales a bit awkwardly, with the text being a bit too small in my opinion.

Overall, it's a really nice portfolio, well done 😀

Rahul Jain • May 12 '20

Considered! Thanks Henry

Stefano • May 8 '20

Looks cool! i'd suggest to show the company you worked for above the summary about your work there. And you could also add the dates you stayed there below the company name.