Hey there! 👋 I'm Muhammad Fiaz, a Full Stack developer who loves to create new things. I have uploaded some pretty cool stuff, so make sure to check it out on my [GitHub profile](https://github.com/muhammad-fiaz)✌️.

- ✨ I spend my spare time building and developing free Apps and Web Applications because I want to continue growing and honing my skills 😄.
- 📚 I'm currently focused on learning and exploring the exciting fields of Machine Learning (ML) and Artificial Intelligence (AI), including neural networks and other related topics.
- 🤝 I'm always excited to collaborate with others and contribute to different projects. If you have a project that needs an extra set of hands or fresh ideas, feel free to reach out to me!
- 🔧 I have experience working with various programming languages and technologies, ensuring that I can adapt and contribute effectively to your project's tech stack.
- 📬 If you come across anything interesting in my projects or have a project you'd like me to collaborate on, please don't hesitate to get in touch. Let's create something awesome together!

Feel free to explore my projects and get in touch with collaborations!



## 💰 Support Me❤️

[![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)




Hey there! 👋 I'm Muhammad Fiaz, a Full Stack developer who loves to create new things. I have uploaded some pretty cool stuff, so make sure to check it out on my GitHub profile

Muhammad Fiaz





This project is built with Next.js and React, showcasing [Muhammad Fiaz](https://github.com/muhammad-fiaz/)'s [personal website](https://muhammadfiaz.com/).

**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](https://github.com/muhammad-fiaz/portfolio/fork) if you want to contribute✨**

## Table of Contents

- [Release Notes](#release-notes)
- [Getting Started](#getting-started)
- [Available Scripts](#available-scripts)
  - [`npm run dev`](#npm-run-dev)
  - [`npm run build`](#npm-run-build)
  - [`npm run build-webpack`](#npm-run-build-webpack)
  - [`npm start`](#npm-start)
  - [`next export`](#next-export)
  - [`npm run lint`](#npm-run-lint)
  - [`npm run sitemap`](#npm-run-sitemap)
  - [`npm run test`](#npm-run-test)
- [Icons Information](#icons-information)
- [Vector Graphics Animations](#vector-graphics-animations)
- [More Information](#more-information)
- [Support Me](#support-me)
- [License](#license)
- [Contributing](#contributing)
- [Deploy on Vercel](#deploy-on-vercel)
- [Stay Connected!](#stay-connected)

### Release Notes

For a detailed list of releases and changes, please visit the [GitHub Releases page](https://github.com/muhammad-fiaz/portfolio/releases).

You can also refer to the [CHANGELOG.md](./CHANGELOG.md) file for comprehensive information about each release.

if you have any suggestions or feedback, feel free to open an [issue](https://github.com/muhammad-fiaz/portfolio/issues) or a [pull request](https://github.com/muhammad-fiaz/portfolio/pulls).

## 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](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](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](https://nextjs.org/docs/app/api-reference/next-config-js/webpack) to optimize the build.(**Optional**)

### `npm start`

Starts the production server to serve the built app.\
Open [http://localhost:3000](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](https://nextjs.org/docs/pages/building-your-application/deploying/static-exports) as static site, then disable the [image optimization](https://nextjs.org/docs/pages/building-your-application/optimizing/images) in [`next.config.mjs`](./next.config.js)**

### `npm run lint`

Runs the [Next.js ESLint](https://nextjs.org/docs/basic-features/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](https://jestjs.io/) test runner on your tests.\
It will show test results in the console.



## Icons Information

💖 Icons are from [Font Awesome](https://fontawesome.com/), [Devicon](https://devicon.dev/),
and also [Google Fonts](https://fonts.google.com/icons).

##  Vector Graphics Animations

✨ Vector Graphics Animations are from [LottieFiles](https://lottiefiles.com/).

## More Information

Please Read the [Next.js Documentation](https://nextjs.org/docs/getting-started).
Also, Read the [React.js Documentation](https://reactjs.org/docs/getting-started.html).


## Support Me

<div align="center">

<h5> <strong> 💰 You can help this improve more by offering a little support❤️</strong></h5>


[![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)

</div>



## License

This project is licensed under the MIT License. See the [LICENSE](https://github.com/muhammad-fiaz/portfolio/blob/main/LICENSE.md) 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](CODE_OF_CONDUCT.md)



## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

**This Project Also Supports [Vercel](https://vercel.com/dashboard) and comes with [(Vercel Analytics pre-enabled in it)](https://vercel.com/analytics) you can Host it there if you like it**

Check out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

✅ See [latest release](https://github.com/muhammad-fiaz/portfolio/releases/latest) version for production use!

## Stay Connected!

Thank you for checking out [my portfolio on GitHub](https://github.com/muhammad-fiaz/portfolio)! 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](https://docs.github.com/en/account-and-profile/managing-subscriptions-and-notifications-on-github/watching-and-unwatching-repositories) for any new releases, issues, or discussions.

2. **Star the Repository:** If you find my portfolio useful or interesting, consider giving it a [star](https://github.com/muhammad-fiaz/portfolio/stargazers). 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](https://github.com/muhammad-fiaz/portfolio/fork) the repository, make changes, and submit a pull request. We welcome contributions from the community!

4. **Join the Discussion:** Check out the [Discussions](https://github.com/muhammad-fiaz/portfolio/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](https://github.com/muhammad-fiaz/portfolio/releases) 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!


  <img   align="right" src="https://github.com/muhammad-fiaz/muhammad-fiaz/assets/75434191/ed52c517-611e-4647-9b35-acd001a287b9" width="20%" />

### Happy Coding! 😊


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!

Showing posts from react category

Portfolio Website | Muhammad Fiaz