Muhammed Rashid — Portfolio

Personal portfolio site built with Astro, deployed on GitHub Pages.

🌐 devmdrd.github.io

Stack

• Astro — static site generator
• Sass — CSS preprocessor
• Fira Code — monospace font
• Font Awesome — icons
• Typed.js — typing animation
• CountUp.js — number animations
• GitHub REST API — live stats & contribution chart
• Formspree — contact form

Sections

Section	Description
About	Intro, stats, live GitHub overview
Skills	Technologies grouped by category
Experience	Work history with duration calculation
Projects	GitHub repos with live stars & topics
GitHub	Contribution chart, streak, top languages
Education	Degrees and coursework
Contact	Contact form + social links

Structure

├── .github/workflows/deploy.yml
├── src/
│ ├── layouts/BaseLayout.astro
│ ├── components/
│ │ ├── common/
│ │ │ ├── Header.astro
│ │ │ ├── Footer.astro
│ │ │ └── DotNav.astro
│ │ ├── About.astro
│ │ ├── Skills.astro
│ │ ├── Experience.astro
│ │ ├── Projects.astro
│ │ ├── GitHub.astro
│ │ ├── Education.astro
│ │ └── Contact.astro
│ ├── pages/index.astro
│ └── styles/global.scss
├── public/
│ ├── favicon.svg
│ ├── robots.txt
│ ├── sitemap.xml
│ ├── resume.pdf
│ └── assets/images/profile.webp
└── astro.config.mjs

Run locally

npm install
npm run dev

Build

npm run build

License

MIT