DEV Community

Dhilip kumar
Dhilip kumar

Posted on • Updated on

My First Website

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

Top comments (29)

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

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

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

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 • Edited

Thank you, Link to your website pls 😁

Collapse
 
grantralls profile image
Grant Ralls • Edited
Thread Thread
 
dhilipkmr profile image
Dhilip kumar

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

Thanks a lot :)

Collapse
 
maheshhost profile image
Mahesh Jaiswar

Fast like a flash ⚑

Collapse
 
modaf profile image
Modaf

Looks good

Collapse
 
dhilipkmr profile image
Dhilip kumar

Thanks :)

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

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

Collapse
 
dance2die profile image
Sung M. Kim

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

Collapse
 
corsinorogelio profile image
Rogelio M Corsino

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

Collapse
 
mjraadi profile image
Mohammadjavad Raadi

Loved it.

Collapse
 
sm0ke profile image
Sm0ke

nice & creative

Collapse
 
sandyrlemay profile image
Sandy Lemay

Love it!

Collapse
 
dhilipkmr profile image
Dhilip kumar

Hehe :)

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

Thanks for reminding me, i totally forgot to add links to my projects! πŸ˜…πŸ˜…πŸ˜…
ll add it shortly

Collapse
 
praveenhp profile image
Praveen H P

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