https://github.com/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!
https://github.com/muhammad-fiaz/portfolio
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
Last synced: 8 months ago
JSON representation
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!
- Host: GitHub
- URL: https://github.com/muhammad-fiaz/portfolio
- Owner: muhammad-fiaz
- License: mit
- Created: 2023-06-05T13:29:04.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-01T23:11:39.000Z (about 2 years ago)
- Last Synced: 2024-05-02T05:18:27.378Z (about 2 years ago)
- Topics: 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
- Language: TypeScript
- Homepage: https://muhammadfiaz.com
- Size: 68.6 MB
- Stars: 66
- Watchers: 1
- Forks: 19
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
- Support: SUPPORTME.md
- Authors: AUTHORS.md
Awesome Lists containing this project
README
Portfolio V4 🎉
 
[](https://github.com/muhammad-fiaz/portfolio)
[](https://github.com/muhammad-fiaz/portfolio)
[](https://github.com/muhammad-fiaz/portfolio/actions/workflows/prettier.yml)
[](https://github.com/muhammad-fiaz/portfolio/actions/workflows/codeql.yml)
[](https://github.com/muhammad-fiaz/portfolio/actions/workflows/dependency-review.yml)
[](https://GitHub.com/muhammad-fiaz/portfolio)
[](https://GitHub.com/muhammad-fiaz)
[](https://github.com/muhammad-fiaz/portfolio/releases/latest)
[](https://github.com/muhammad-fiaz/portfolio/releases/tag/v4.0.0)
[](https://github.com/muhammad-fiaz/portfolio/graphs/contributors)
[](https://github.com/muhammad-fiaz)
[](https://discord.gg/mXMhy2EX)
[](https://ko-fi.com/F1F6MME1W)
Thank you for your interest in my portfolio project! 🎉
**This repository ([portfolio V4](https://github.com/muhammad-fiaz/portfolio)) is the latest version and is still in active development.**
Due to the amazing support, feedback, and requests from the community, I have decided to continue developing and improving this project. Your encouragement and enthusiasm have made a big impact!
I'm currently building my portfolio with Next.js (V4), and side-by-side, I'm also working on my Astro V3 portfolio version:
👉 [muhammad-fiaz/website (Astro V3)](https://github.com/muhammad-fiaz/website)
### What does this mean for you?
- **You are welcome to use, fork, or reference this V4 portfolio for your own learning or projects.**
- The repo will remain public and actively maintained for the community.
- All features, code, and documentation are now fully accessible.
### Looking for the Astro version?
Check out my Astro V3 portfolio work:
🔗 [https://github.com/muhammad-fiaz/website](https://github.com/muhammad-fiaz/website)
### Thank you!
Thanks to everyone who starred, contributed, or offered feedback on previous versions.
Your support has been invaluable and I look forward to sharing even more with V4 (Next.js) and V3 (Astro)!
---
**Stay tuned for more updates and features in Portfolio V3! 🚀**
# About This Project
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 portfolio or as a project reference. 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✨**
**Support this non-profit open-source project with a little [sponsor ❤️](https://github.com/sponsors/muhammad-fiaz) or [Buy Me a Coffee ☕](https://buymecoffee.com/muhammadfiaz).**
## Table of Contents
- [About This Project](#about-this-project)
- [Table of Contents](#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 start`](#npm-start)
- [`npm run lint`](#npm-run-lint)
- [Icons Information](#icons-information)
- [Vector Graphics Animations](#vector-graphics-animations)
- [More Information](#more-information)
- [Support Me](#support-me)
- [License](#license)
- [Contributing](#contributing)
- [Want to contribute?](#want-to-contribute)
- [Deploy on Vercel](#deploy-on-vercel)
- [Stay Connected!](#stay-connected)
- [Happy Coding! 😊](#happy-coding-)
### 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.
### `npm start`
Starts the production server to serve the built app.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
### `npm run lint`
Runs the [Next.js ESLint](https://nextjs.org/docs/basic-features/eslint) linter.\
It will show lint errors 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
💖 Show Your Support and Help My Non-Profit Open-Source Project! 💰
As an open-source enthusiast, I'm dedicated to creating free tools and resources for the community. Your contribution, no matter how small, helps me keep this project going and make it even better!
Thank you for your support! 🙏
[](https://github.com/muhammad-fiaz/portfolio/)
## 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)
### Want to contribute?
If you'd like to contribute to this project, please check out the [contributing guidelines](CONTRIBUTING.md), fork the repository, and submit a pull request. Every contribution is welcome and appreciated!
A big thank you to everyone who contributed to this project! 💖
[](https://github.com/muhammad-fiaz/portfolio/graphs/contributors)
## 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!
### Happy Coding! 😊