DEV Community

Cover image for Portfolio Website

Portfolio Website

What I built

I have built a my portfolio website using HTML , CSS , GSAP , Javascript.

Category Submission:

Personal Site/Portfolio

App Link

https://dev-portfolio-liy9f.ondigitalocean.app/

Screenshots

Alt Text

Alt Text

Alt Text

Description

Highly customizable Portfolio website with 4 pages (Home, Projects, Skills, Contact).

Link to Source Code

https://github.com/Abhishekkr93/Dev-Portfolio

Permissive License

MIT

Background

Portfolio website is the best Place to show our Projects, Skills, And other information. So, I decided to build a Portfolio site for me.

How I built it

This Website is build using HTML , CSS , GSAP , Javascript And Deployed on DigitalOcean.

Additional Resources/Info

Thanks!

Top comments (6)

Collapse
 
ironcladdev profile image
Conner Ow • Edited

This is really amazing, but there are some things you might want to change to make it more professional.

  1. When I click one of the navigation links, I want an animated scroll. Try adding the CSS property scroll-behavior: smooth; to html, body
html, body{
scroll-behavior:smooth;
}
Enter fullscreen mode Exit fullscreen mode
  1. Try to make a responsive grid with your projects. Just having all of them aligned to the left side seems unprofessional.

  2. In the contact form, the <textArea> message section is too small and can't be resized. This makes it extremely difficult and tedious to write a message.
    See the image below:
    dev-to-uploads.s3.amazonaws.com/i/...

  3. The entire portfolio has the exact same color for the background for the entire thing. Maybe color different sections uniquely. An additional nice-looking background image could add a finishing touch.

  4. I've noticed that you really love that font and it's okay. Maybe change the font to make your website more professional-- a font that matches you, the way you are, and the way you develop and design.

Overall, you did a great job. Keep working and keep making your awesome stuff.
Happy Coding.

Collapse
 
amazing__ak profile image
अभिषेक कुमार🇮🇳

Thank you so much for the great suggestions. i will do it.

Collapse
 
ironcladdev profile image
Conner Ow

Really, I mean I go crazy without smooth animated scroll. Everyone is different so yeah, I guess you are the type of person that needs things done at the snap of your fingers. I like implementing, using, and watching nice, smooth website animations.

Collapse
 
vimal profile image
VIMAL KUMAR

Looks Amazing

Collapse
 
amazing__ak profile image
अभिषेक कुमार🇮🇳

Thanks a lot.

Collapse
 
amazing__ak profile image
अभिषेक कुमार🇮🇳

ok.