<p>I was thinking about making some changes in my portfolio website since past few months.
I couldn't able to do so in 2021. So I started my 2022 by updating portfolio website. I want to share what major changes I made.</p>
<h3>Major Changes</h3>
<ul>
<li>
<p><a href="https://mahmad.me/projects">Projects Page</a>
In previous version, I had projects list on home page. Now I added separate page for projects. <a href="https://github.com/MA-Ahmad/myPortfolio/blob/main/pages/projects.tsx">Code</a></p>
</li>
<li>
<p><a href="https://mahmad.me">Popular Articles</a>
Removed projects list from home page and added popular articles. <a href="https://github.com/MA-Ahmad/myPortfolio/blob/main/components/home-page/PopularArticles.tsx">Code</a></p>
</li>
<li>
<p><a href="https://www.prisma.io/">Linked with Prisma ORM</a></p>
</li>
<li>
<p><a href="https://mahmad.me/blog">Post Like Feature</a>
Now user can like posts and posts likes will be updated in real time wrt dev.to posts likes. <a href="https://github.com/MA-Ahmad/myPortfolio/blob/main/components/ui/LikeButton.tsx">Code</a></p>
</li>
<li>
<p><a href="https://mahmad.me">Dotted squares</a>
Updated layout by adding dotted squares on both sides of page(from left to right). <a href="https://github.com/MA-Ahmad/myPortfolio/blob/main/components/layout/appLayout.tsx">Code</a></p>
</li>
</ul>
<h3>Minor Changes</h3>
<ul>
<li>Updated 2021 Achievements.</li>
<li>Updated links hover colour wrt selected links colour from CMS(colour mode switcher).</li>
<li>Added fallback skeleton for post cover image.</li>
<li>Added multiple animations on hover and click events.</li>
</ul>
<h3>Future Work</h3>
<ul>
<li>Show Post views</li>
<li>Identify unique post likes</li>
<li>Add changeLog page</li>
</ul>
<h4>Website link: <a href="https://mahmad.me">ma-ahmad</a></h4>
<h4>Github repo: <a href="https://github.com/MA-Ahmad/myPortfolio">https://github.com/MA-Ahmad/myPortfolio</a></h4>
<h3>Projects Page</h3>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mbg92g895ewf06qkp19t.png" alt="projects page"></p>
<h3>Blog Post</h3>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kdadr8gsqas0zon0h6xn.png" alt="post page"></p>


I was thinking about making some changes in my portfolio website since past few months. I couldn't able to do so in 2021. So I started 2022 by updating my portfolio. I want to share what major changes I made.

Started 2022 by updating portfolio website

Major Changes

Minor Changes

Future Work

Website link: ma-ahmad

Github repo: https://github.com/MA-Ahmad/myPortfolio

Projects Page

Blog Post