<p><strong>Live link:</strong> <a target="_blank" href="https://mahmad.me">Portfolio</a></p>
<p><strong>Github repo</strong> <a target="_blank" href="https://github.com/MA-Ahmad/portfolio">Repo</a></p>
<h1 id="pages">Pages</h1>
<ul>
<li><strong>Home Page</strong><ul>
<li>Intro</li>
<li>Highlights</li>
<li>Projects</li>
</ul>
</li>
<li><strong>Achievements</strong><ul>
<li>Show progress yearly wise</li>
</ul>
</li>
<li><strong>About</strong><ul>
<li>Career</li>
<li>Education</li>
</ul>
</li>
<li><strong>Developer Story</strong></li>
<li><strong>Tech Stack</strong></li>
<li><strong>Open Source</strong></li>
<li><strong>Blog</strong><ul>
<li>Published articles list</li>
</ul>
</li>
</ul>
<h1 id="built-with">Built with</h1>
<ul>
<li><a target="_blank" href="https://www.typescriptlang.org/">Typescript</a></li>
<li><a target="_blank" href="https://reactjs.org/">Reactjs</a></li>
<li><a target="_blank" href="https://chakra-ui.com">Chakra UI</a></li>
<li><a target="_blank" href="https://www.framer.com/motion/">Framer Motion</a></li>
<li><a target="_blank" href="https://react-icons.github.io/react-icons/">react icons</a></li>
</ul>
<h1 id="screens">Screens</h1>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1621435430145/EnW_oM6GW.png" alt="open_source.png" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1621435445689/1-V0NFt-j.png" alt="skills.png" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1621435536802/7W_dWwH79.png" alt="developer_story.png" /></p>


**Live link:** [Portfolio](https://mahmad.me)

**Github repo** [Repo](https://github.com/MA-Ahmad/portfolio)

# Pages

- **Home Page**
 - Intro
 - Highlights
 - Projects
- **Achievements**
 - Show progress yearly wise
- **About**
 - Career
 - Education
- **Developer Story**
- **Tech Stack**
- **Open Source**
- **Blog**
 - Published articles list

# Built with
- [Typescript](https://www.typescriptlang.org/)
- [Reactjs](https://reactjs.org/)
- [Chakra UI](https://chakra-ui.com)
- [Framer Motion](https://www.framer.com/motion/)
- [react icons](https://react-icons.github.io/react-icons/)

# Screens

![open_source.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621435430145/EnW_oM6GW.png)

![skills.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621435445689/1-V0NFt-j.png)


![developer_story.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621435536802/7W_dWwH79.png)


built or create a beautiful portfolio website with react, chakraui and framer-motion

Create a portfolio website with react, ChakraUi and framerMotion

Creator of TemplatesKart | Full Stack Developer | Open Source lover from Pakistan
