It looks quite good for your first project. One recommendation I could give you is to improve your git commit messages. I've seen you make commits like "updated css stuff". This is not a best practice. I used to do commits like these when I first started coding but if you do proper git commits you can show these projects to other developers/recruiters.

I recommend you to check out and use semantic commit messages in the future. You'll get used to it in no time. Keep on coding!

Semantic Git Commits

Outstanding. A remarkable effort.

Your thinking may align with mine. You can read more about mine at my website,Craft Code, if curious.

I am particularly impressed that you stuck to vanilla code and didn't rush to React or similar; that you managed 100% across the board on Lighthouse and zero errors on axe DevTools (at AAA WCAG 2.2, no less); and that your code, at first glance, appears to conform to semantic HTML and best practies.

You must have put a lot of thought into this.

So, wow! Welcome to coding! We need more like you. I hope you can maintain this "keep it simple" approach, not adding unnecessary frills or pointless dependencies (as at least one commenter has suggested), and using the built-in Web APIs fully. As Arthur Quiller-Couch said, "murder your darlings".

Will try to keep an eye on your work.

Looks good, just a suggestion as a user, perhaps use_blank in hyperlinks to make it open in new tab. For example, a user is checking your portfolio section, and wants to see both code and deployed project at once, he/ she when clicks on any one link first, it is currently opening in same, to check other thing that person needs to go back, adding an additional unnecessary friction.

super clean! I don't think you need years of experience for each technology, but that's just my person opinion. I think you have a good eye for design.

Ahlan!

Not bad for the first project!

• I like the simplicity
• I like the theme
• consistent font sizes
• good separation of sections

Would improve:

• personally would drop the circle effect from both under the title and over the image
• I would do logo = h1, intro text = h2, section titles = h3 (and smaller than h2).
• project links with target blank
• contact inputs would have them texboxes inputs not lines, they are barely visible

Very nice and keep up the good work!

It looks quite good, and impressive as a first project. Just wanted to let you know that the social icons lead to the homepages of the respective websites instead of your profile. Second, there are AI Image Resolution Enhancers to Enhance the Resolution of your Image, because currently because of increasing the size of the image, it got pixelated.

Nice work@ahmadkdev , I liked it!

For a second stage, I think you could add some things, like:

• Animations
• Accessibility

I think these two things can make your website cooler!

Your website looks great! If you need any ideas, here's mine:
the-best-codes.github.io/?dev.to

Looks amazing.

One advice, please try to follow the UI/UX design practices or guidelines. You may follow -semantic-ui.com/.

Also, please update your live demo with the valid social links. I understand that you have created it for the demo purposes, however it's always good to have a realistic data so folks can contact you :)

very cool website.
I would try to integrate some elegant animations. Even just adding at least transitions to the hover effects already helps. I would also make the projects link tags "_blank". Otherwise good job.