DEV Community

loading...

My First Website

dhilipkmr profile image Dhilip kumar Updated on ・1 min read

Okay! Here goes, ¯_(ツ)_/¯

That took me a while to design and develop a website for me from scratch using gatsby

What do I have there?

  • Theme (dark / light)

  • Responsiveness(mobile/tablet/desktop)

  • Animations (A little)

  • All my blogs, portfolio, blah, blah blah..

Last but not the Least, it is Fast 😄😅

Link to my Website:

https://www.dhilipkmr.dev

Do let me know your comments personally or in comments.

Github link for my website,

https://github.com/dhilipkmr/website

Discussion (29)

pic
Editor guide
Collapse
katieadamsdev profile image
Katie Adams • Edited

Really like this site. The notion of a night/day mode on a website is really fun.
Pros:

  • Animation is seamless and slick. Doesn't detract from the website's accessibility at all.
  • Love that the hamburger navigation menu takes up the whole screen. Lovely display of minimalist web design.
  • The layout of the 'Blogs' page is very nice. Good use of white space and colour. Same again for the portfolio page.
  • Love the unique way of displaying Technical Skills.
  • Font choice is perfect. Modern. Clear. Legible.

Cons:

  • The 'About Me' section, I love the typing-terminal animation but I think it needs a 'Skip' button in case people are trying to access information in a short time.
  • What do the percentages mean on the Technical Skills page? Are they confidence in those areas? Or something else? Could do with a key to help viewers quantify the statistics.

Feel free to ignore my comments but I really, really, really like the site! Great example of how to develop a slick, modern site.

Collapse
dhilipkmr profile image
Dhilip kumar Author

Woah! Thank you for assessing my website, Appreciate it :)
I agree that I should have implemented a skip animation, will definitely do it.
Percentages are like how I rate myself out of 100% for every item in that list. Yes that could be bit confusing 😅 as Dan already commented. Will try to show some means to quantify them

Collapse
katieadamsdev profile image
Katie Adams

Not a problem! It's really excellent and you should be very happy with it (I hope you are).
I'm glad my feedback was at least helpful to you.

If I was to add anything, I'd say double-check that your animation doesn't prevent information being taken in if JavaScript isn't enabled (especially on your About Me section, as that's important information that you absolutely want everyone to read). And as for the tech skills page: even something to just to tell a prospective employer, for example, that this is simply a self-assessment of your own confidence in these areas.
Best of luck!!!

Thread Thread
dhilipkmr profile image
Dhilip kumar Author

Yes I am Happy about my website 🤓 for sure.
And I'll follow up on all the suggestions that I received :)

Thread Thread
katieadamsdev profile image
Katie Adams

Have fun! :D

Collapse
cookrdan profile image
Dan

Great website!

I don't remember when or where, but I read something about these kind of skill statistics - 80% done Javascript and etc. Apparently it's quite ambiguous - and when you think about it, it is. 80% done Javascript... but 80% of what? A basic course? Reading a book? Something to think about if you're using this to advertise yourself for employment.

But really, it's a sharp site. I like it a bunch!

Collapse
dhilipkmr profile image
Dhilip kumar Author

First of all Thank you :)
Its basically how would I rate myself out of 100%. I know it is ambiguous if you ask what's that 100%😅.

Collapse
grantralls profile image
Grant Ralls

I love it so much! Way better than my current website. I have to get on top of my animation game!

Collapse
dhilipkmr profile image
Dhilip kumar Author • Edited

Thank you, Link to your website pls 😁

Collapse
grantralls profile image
Thread Thread
dhilipkmr profile image
Dhilip kumar Author

Love it's typography 🤓

Thread Thread
grantralls profile image
Grant Ralls

Thank you!

Collapse
ew43l profile image
Wail

This is really awesome, keep it up.

Collapse
dhilipkmr profile image
Dhilip kumar Author

Thanks a lot :)

Collapse
modaf profile image
Modaf

Looks good

Collapse
dhilipkmr profile image
Collapse
tirthaguha profile image
Tirtha Guha

When you open the hamburger menu, fonts are a little too big on a mobile phone.

Collapse
dhilipkmr profile image
Dhilip kumar Author

I was thinking that gives more space for every item to choose from.ll look into it

Collapse
maheshhost profile image
Mahesh Jaiswar

Fast like a flash ⚡

Collapse
corsinorogelio profile image
Rogelio M Corsino

I really like your site. Simple,clean and to the point. Awesome.

Collapse
mjraadi profile image
Collapse
sm0ke profile image
Sm0ke

nice & creative

Collapse
sandyrlemay profile image
Collapse
dance2die profile image
Sung M. Kim

Looks delightful, especially the transition effect between light & dark theme

Collapse
dhilipkmr profile image
Collapse
praveenhp profile image
Praveen H P

github.com/dhilipkmr/website/issues/1
submitted my first issue in github. A minor one though :)

Collapse
vidomarkas profile image
Viktoras Domarkas

Hey.
One thing missing was the links to projects? Live version and code? No images as well. Other than that very nice minimal design you got there. Clean and I like the color scheme.
Keep it up

Collapse
dhilipkmr profile image
Dhilip kumar Author

Thanks for reminding me, i totally forgot to add links to my projects! 😅😅😅
ll add it shortly