Skip to content

Personal Portfolio website made with react+vite, tailwindcss and framer-motion.

License

Notifications You must be signed in to change notification settings

mohammadsarfarazafzal/mohammadsarfarazafzal.github.io

Repository files navigation

Personal Portfolio Website

Welcome to my personal portfolio website repository! This website showcases my projects, skills, and experience as a Full Stack Developer specializing in Web Development, Web3 technologies, and Machine Learning.

🚀 Live Demo

View Live Demo

⚡ Tech Stack

  • React with Vite
  • Tailwind CSS for styling
  • Framer Motion for animations
  • Lucide React and React Icons for icons

🎯 Features

  • Responsive design for all devices
  • Modern and clean UI
  • Animated page transitions
  • Project showcase with live demos
  • Skills visualization

📋 Project Sections

  • Hero Section: Introduction and social links
  • About: Professional background and interests
  • Projects: Showcase of my work
  • Skills: Technical expertise and tools
  • Contact: Get in touch

🛠️ Installation Steps

  1. Clone the repository
git clone https://github.com/mohammadsarfarazafzal/mohammadsarfarazafzal.github.io.git
  1. Change the working directory
cd mohammadsarfarazafzal.github.io
  1. Install dependencies
npm install
  1. Run the app
npm run dev
  1. Open http://localhost:5173 to view it in your browser

🏗️ Building for Production

npm run build

📄 License

This project is licensed under the MIT License - see the LICENSE.md file for details

🤝 Connect with Me


Acknowledgments 🙌

  • This portfolio design was inspired by Brittany Chiang. A big thanks to her for providing a beautiful foundation that inspired some of the design concepts in this project.

Made with ❤️ and React

About

Personal Portfolio website made with react+vite, tailwindcss and framer-motion.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages