Create a beautiful personal website with react, ChakraUi and framerMotion

Demo Link: Portfolio
GitHub Repo: Repo

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

Built with

• Programming language - Typescript
• Front-end library - Reactjs
• UI components - Chakra UI
• Animation library - Framer Motion
• Images placeholder - blurhash
• Progressive image loading - react-progressive-image
• Icons - react icons

---

Update

Open-source page

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