muhammad-fiaz/portfolio

Welcome to my portfolio repository! This open-source project, built with Next.js and TypeScript, creates a dynamic and responsive portfolio. Explore the code to perfect your showcase of skills!

developer
developer-website
django
javascript
nextjs
nextjs-portfolio
nextjs-template
nextjs-website
open-source
opensource
personal-blog
personal-website
portfolio
portfolio-site
portfolio-website
portfolio-websites
react
reactjs
typescript
website

Muhammad Fiaz's Portfolio

muhammadfiaz.com | portfolio

![Stability](https://img.shields.io/badge/stability-good-blue.svg) ![MIT License](https://img.shields.io/badge/license-MIT-green) [![GitHub Repository](https://img.shields.io/badge/GitHub-Repository-blue)](https://github.com/muhammad-fiaz/portfolio) [![Build Passing](https://badge.buildkite.com/sample.svg?status=passing)](https://github.com/muhammad-fiaz/portfolio) [![Continuous Integration](https://github.com/muhammad-fiaz/portfolio/actions/workflows/prettier.yml/badge.svg)](https://github.com/muhammad-fiaz/portfolio/actions/workflows/prettier.yml) [![CodeQL](https://github.com/muhammad-fiaz/portfolio/actions/workflows/codeql.yml/badge.svg)](https://github.com/muhammad-fiaz/portfolio/actions/workflows/codeql.yml) [![Dependency Review](https://github.com/muhammad-fiaz/portfolio/actions/workflows/dependency-review.yml/badge.svg)](https://github.com/muhammad-fiaz/portfolio/actions/workflows/dependency-review.yml) [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://GitHub.com/muhammad-fiaz/portfolio) [![Maintainer](https://img.shields.io/badge/maintainer-muhammad--fiaz-blue)](https://GitHub.com/muhammad-fiaz) [![Latest Release](https://img.shields.io/github/release/muhammad-fiaz/portfolio.svg)](https://github.com/muhammad-fiaz/portfolio/releases/latest) [![Current Version](https://img.shields.io/badge/Current%20Version-v1.0.8-blue.svg)](https://github.com/muhammad-fiaz/portfolio/releases/tag/v1.0.8) ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) ![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white) [![GitHub visitors](https://img.shields.io/github/contributors/muhammad-fiaz/portfolio.svg)](https://github.com/muhammad-fiaz/portfolio/graphs/contributors) ![Popularity Views](https://komarev.com/ghpvc/?username=muhammad-fiaz&style=flat&label=Popularity) ![GitHub stars](https://img.shields.io/github/stars/muhammad-fiaz/portfolio.svg?style=social&label=Stars) [![Follow me on GitHub](https://img.shields.io/github/followers/muhammad-fiaz?label=Follow&style=social)](https://github.com/muhammad-fiaz) [![Discord](https://img.shields.io/badge/Discord-Join%20us-7289DA?logo=discord&style=flat-square)](https://discord.gg/ShaDFdZ7)

This project is built with Next.js and React, showcasing Muhammad Fiaz's personal website.

Feel free to use this project for your own portfolio or as a reference for your projects. If you find it helpful, don't forget to give it a ⭐️ to show your support. Fork this repo if you want to contribute✨

Support me by a little sponsor ❤️

Table of Contents

Release Notes

For a detailed list of releases and changes, please visit the GitHub Releases page.

You can also refer to the CHANGELOG.md file for comprehensive information about each release.

if you have any suggestions or feedback, feel free to open an issue or a pull request.

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository: git clone https://github.com/muhammad-fiaz/portfolio.git
  2. Navigate to the project directory: cd portfolio
  3. Install the dependencies: npm install
  4. Start the development server: npm run dev
  5. Open http://localhost:3000 in your browser to view the website.

Available Scripts

In the project directory, you can run the following scripts:

npm run dev

Runs the app in development mode.\ Open http://localhost:3000 to view it in the browser.\ The page will reload if you make edits.\ You will also see any lint errors in the console.

npm run build

Builds the app for production to the .next folder using default Next.js build config.\ It correctly bundles Next.js and optimizes the build for the best performance.

or

npm run build-webpack

Build the app for production to the .next folder using a custom config webpack.\ This is useful if you want to use webpack plugins to optimize the build.(Optional)

npm start

Starts the production server to serve the built app.\ Open http://localhost:3000 to view it in the browser.

next export

Exports the app to static HTML, which can be run without a Node.js server.\ The exported app will be in the out folder.

Note: if you want to use export as static site, then disable the image optimization in next.config.js

npm run lint

Runs the Next.js ESLint linter.\ It will show lint errors in the console.

npm run sitemap

Generate a sitemap for the website.\ It will generate a sitemap.xml file in the public directory.

npm run test

Runs the Jest test runner on your tests.\ It will show test results in the console.

Icons Information

💖 Icons are from Font Awesome, Devicon, and also Google Fonts.

Vector Graphics Animations

✨ Vector Graphics Animations are from LottieFiles.

More Information

Please Read the Next.js Documentation. Also, Read the React.js Documentation.

Support Me

💰 You can help this improve more by offering a little support❤️
[![Sponsor muhammad-fiaz](https://img.shields.io/badge/Sponsor-%231EAEDB.svg?&style=for-the-badge&logo=GitHub-Sponsors&logoColor=white)](https://github.com/sponsors/muhammad-fiaz)
[![Star History Chart](https://api.star-history.com/svg?repos=muhammad-fiaz/portfolio&type=Date)](https://github.com/muhammad-fiaz/portfolio/)

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contributing

Contributions are welcome!

If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request. And make sure to follow the project guidelines

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

This Project Also Supports Vercel and comes with (Vercel Analytics pre-enabled in it) you can Host it there if you like it

Check out the Next.js deployment documentation for more details.

✅ See latest release version for production use!

Stay Connected!

Thank you for checking out my portfolio on GitHub! We're constantly working to improve and enhance the project. To ensure you're always up-to-date with the latest changes, we recommend following these steps:

  1. Watch This Repository: Click the ⭐️ "Watch" button at the top right of the page to receive notifications for any new releases, issues, or discussions.

  2. Star the Repository: If you find my portfolio useful or interesting, consider giving it a star. This helps us gain visibility and shows your appreciation for the project.

  3. Fork for Contributions: If you're interested in contributing to my portfolio, feel free to fork the repository, make changes, and submit a pull request. We welcome contributions from the community!

  4. Join the Discussion: Check out the Discussions tab to join conversations, ask questions, and share your ideas with other users and contributors.

  5. Stay Updated: Periodically visit the repository's "Releases" section to find detailed information about each new release, including new features, bug fixes, and improvements.

By following these steps, you'll be sure to stay connected with the latest developments and updates. I appreciate your interest in my portfolio and can't wait to see how it benefits you!

If you have any questions or feedback, please don't hesitate to reach out.

Don't forget to Stay tuned for updates and new features!

Happy Coding! 😊

Stars
132
9.85% more than last month
Forks
28
Open Issues
26