🌐 muhammad-fiaz.github.io

Make sure to ⭐ the repo if you found it helpful!

✨ Features

• ⚡ Built with Astro
• ⚡ Uses Svelte, SolidJS, and powerful animation tools like GSAP & Lenis
• ⚡ UnoCSS utility-first styling
• ⚡ SEO ready with Sitemap, RSS, and Robots.txt integration
• ⚡ Analytics and performance optimized

📦 Tech Stack

• Framework: Astro (modular & fast)
• Styling: UnoCSS with autoprefixer
• Animation: GSAP + Lenis
• Icons: Iconify + Astro Icon
• Data Visualization: D3.js
• Languages: TypeScript, HTML5, CSS3, Markdown

🚀 Getting Started

Clone the repo:

git clone https://github.com/muhammad-fiaz/muhammad-fiaz.github.io.git
cd muhammad-fiaz.github.io
npm install

📌 Development

npm run dev

📌 Production Build

npm run build

📌 Preview Build

npm run preview

🌍 Deployment

This project is optimized for deployment on Netlify or GitHub Pages. To deploy on GitHub Pages:

• Create a new repo named: <your-github-username>.github.io
• Push the build output (dist folder) to the root of that repo
• Or configure Netlify to deploy the dist/ folder directly from your main branch

🔧 Configuration

Make changes in:

• src/pages/index.astro – main homepage content
• src/assets/ – for images and static content
• astro.config.mjs – modify integrations or base settings

🛠️ Tools Used

• Astro
• UnoCSS
• GSAP
• Lenis Smooth Scroll
• Iconify
• D3.js
• World Map

🧠 Linting & Type Checking

npm run check   # Type check with Astro
npm run eslint  # Lint source files

📬 Contact

If you have any questions or feedback, feel free to reach out at [email protected]

🤝 Contributing

1. Fork this repo
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Made with ❤️ by Muhammad Fiaz