Build Portfolio website with React and ChakraUi

Pages

• About
  • Skills
  • Career
  • Education
• Articles
  • Blog posts
• Open-source
  • open-source repositories list
• Projects

Built with

• Front-end library - Reactjs
• UI components - Chakra UI
• Icons - react icons

Demo Link: Portfolio
GitHub Repo: Repo

---

Updated Portfolio website

Pages

• Home Page
  • Intro
  • Highlights
  • Achievements
  • Projects
• Achievements
  • Show progress yearly wise
• About
  • Career
  • Education
• Open-source
  • open-source repositories list (card design)
• Blog
  • Published articles list

Demo Link: Portfolio
GitHub Repo: Repo

Update

Open-source page

• Used github rest api to fetch user repositories
• Updated page design with react-stack-grid
• Used skeleton to show loading

Comments

[Fernando Zablah]

Hi Muhammad,

Great portfolio! I Will definitely check out Chakra UI for future projects.
One question, I like your avatar of your profile pic, did someone made it for you? Or did you used some app/online service to create it?

[Muhammad Ahmad]

Thank you Fernando.
I downloaded it from a website. There are different avatars websites where you can find such avatars.

[KarthikNayak]

Can you tell which website?

[Muhammad Ahmad]

I don't remember the link right now but I'll update you if I find it.

[KarthikNayak]

Sure

[Mohd Ahmad]

Hi Muhammad,

Your portfolio looks nice. Chakra UI is great, but have you tried TailwindCSS it gives you more flexibility.

BTW my name is Muhammad Ahmad too, from India, I had great pleasure after seeing Muslims are getting into the CS field.

[Muhammad Ahmad]

Thanks. Yes, I tried Tailwindcss but I didn't use it frequently. No doubt, Tailwindcss is great.
React + ChakraUI combination helps me to build products very fast.

[rayvikram]

Great. Is there any code Or component where I can get layout (sidebar, etc) Like ANTD or material UI.

[Muhammad Ahmad]

Thank you.
If you are asking for ChakraUi then yes. There are different sites where you can copy code for different components.

[Cameron Thompson]

Hello Muhammad,
I really like your portfolio, super nice and clean! Great work!

[Muhammad Ahmad]

Thank you

[Andrew Baisden]

Nice very slick with both the light and dark themes.

[Muhammad Ahmad]

Thank you Andrew

[ismail-dinar]

I love it. Great work

[Muhammad Ahmad]

Thank you Ismail

[Ali Taha Shakir]

Hi Ahmad, nice work on your site, the design is great and I liked the animations.

[Muhammad Ahmad]

Thank you Ali

[Daniel Krupnyy]

Clean and minimalistic portfolio. I like it!

[Muhammad Ahmad]

Thank you Daniel