How much do you rate my website on a scale of 1-10 and why?
https://harshvats.vercel.app
Don't count my picture plz😅.
For further actions, you may consider blocking this person and/or reporting abuse
Read next
Hierarchical Flattening: The Secret to Managing Complexity in Software Design
pronab pal -
Dynamic HTML Tag in React Components with the "as" prop
Jacopo Marrone @tresorama -
Intro Into Bulma CSS: How Good Is It?
Jeremy Hernandez -
🚀 Coming Soon: Eldora 2.0 – The Future of Page Design
Mudunuri bhaskara karthikeya varma -
Top comments (47)
Hey Harsh!
These are all opinions! Your profile image is sized in a way that distorts the image of so it comes off a little unprofessional, you have no margins or paddings on most of the elements so everything looks really spaced out, and you've got an interesting color choice with poor contrast. I would personally recommend you learn CSS grids so you can lay things out better. I would also recommend you use a site like this Adobe Create to choose your colors for your next website so you aren't going against common UI/UX rules. I would also like to recommend you purchase a domain name for yourself, it's a small investment that adds authenticity.
This opinion actually feels like someone is literally caring for me 😅. Thank u so much.
Of course! I am happy to help 😀
Decent and Pretty good.
Just try to work on UX where your logo looks too enlarged. There's a lot of wasted space here and there.
Otherwise quite decent for beginner who is playing around with technology.
Well, I would like to know how are you hosting it?
Looks like its with vercel.com
okay. never heard of it
formerly known as zeit but now it's vercel and is pretty good for your nextjs website hosting.
Thanks for answering :)
Thank you so much. I will definitely make some edits and will ask for your opinion again after some time :)
Try adding the below code....
`
The brown is more like an earthy color... you may want to go with blue/black or red/black for this design it's just my personal opinion.
Cheers!
One small thing I noticed is you haven't set a default global font on the
<body>element.Because of this the fonts in the footer are falling back to the default system serif font.
I'd suggest adding
font-family: "Inter",sans-serif;to the<body>in your CSS.Thanks I will edit it.
The concept is pretty neat! You've summed it up quite good and I like the JS object styled lists!
But you can still improve a lot!
Add some good colours, fonts and fix the layout problem pointed out in the comments. And this will become quite a better website! 😁
All the best!
Thank you so much. I will definitely make changes to it and will ask for your opinion again after some time :)
Your website is ok however I agree with what a lot of people have been saying. The spacing needs a lot of work and the colour theme is very bland. I don't think those drop shadows on the boxes look that great either. And the icons for instagram, gmail and linkedin don't match the design at all. However its simple, loads fast and explains your skills. It would be a good idea to take a look at this Design Resources for Developers
Just absorb lots of design information so that you can get a good eye for design. Also do some research on branding, UI/UX and of course colour style guides like Adobe Create as mentioned.
I will surely look into it. Btw thanks. :)
There is also something else which is extremely helpful that I don't think anyone has mentioned yet. Create a design before you build your website. I'm not sure how good you are at design but if you at least created a design before you built your website then it would be a huge improvement as opposed to designing on the fly. Check out a free tool like Figma figma.com/ I designed my website before I built it.
Hey man. The fact that you've started working on your own personal site is a great step forward. I am not particularly fan of rating scales, so instead I'll give you some feedback. Firstly try to use as minimal Javascript as possible, you can do most things with pure CSS. Secondly you don't need flashy animations to make an impression. Thirdly think about view prioritisation, especially if you consider using it on your CV/Resume. Make it easily readable with your external links top left/right corner (that be github, linkedin etc), skills in a simple list ordered by the standard Good, Average, Have worked with only once and the rest of the space leave out for personal projects and hobbies. You can try looking at some popular spoke person's sites like John Papa. The difference is that in his site he's focusing on blog posts as you can clearly see from firstly opening the page, also you can notice his contact information at the very top. A small detail, which is more SEO related is that if you stop Javascript you'd want the first serve of the site to be accompanied with as much as information as possible. Try looking into a way of either static site generation or server side rendering for your site.
Thank you Nikola. I will keep that in mind. :)
Hi Harsh 😊 Your website shows lots of promises.
But here is my take on this-
Again you have a lot of promises as I can see but you have to keep on working. I love that you use your genuine thoughts and design to come up with this project. Thats very brave. Never stop!
I hope this will help you with your design -
Simple design guideline: dev.to/akdeberg/simple-guideline-f...
Develop an eye for design: dev.to/akdeberg/develop-an-eye-for...
Thank you Anik. I will definitely look into these resources. :)
I wouldn't say hate, but I think you could improve some details, such as:
It's important emphasize that I'm looking at your site from a smartphone. :)
I liked the animation on header very much. And I also think you made a good choice putting the content in boxes, it's easy to read. 👌
Thanks Diogo
I am sorry to say that but I think you should improve it by choosing a better contrast in your color palette and also fix the desktop layout. Namely, it gets stretched on all the width of the monitor and should have some sort of container or max-width instead. Also, the colored "call to action" links on the bottom should not be colored to better match the chosen color palette. That's my 2 cent.