Awesome
<h1 align="center">Welcome to developer-portfolio 👋</h1> <a href="https://github.com/1hanzla100/developer-portfolio/blob/main/LICENSE"><img alt="GitHub license" src="https://img.shields.io/github/license/1hanzla100/developer-portfolio"></a><a href="https://github.com/1hanzla100/developer-portfolio/issues"><img alt="GitHub issues" src="https://img.shields.io/github/issues/1hanzla100/developer-portfolio"></a><a href="https://github.com/1hanzla100/developer-portfolio/network"><img alt="GitHub forks" src="https://img.shields.io/github/forks/1hanzla100/developer-portfolio"></a> <a href="https://github.com/1hanzla100/developer-portfolio/stargazers"><img alt="GitHub stars" src="https://img.shields.io/github/stars/1hanzla100/developer-portfolio"></a>Software Developer Portfolio Template built with Next.js, bootstrap that helps you showcase your work and skills as a software developer.
<p align="center"> <kbd> <img src="https://github.com/1hanzla100/developer-portfolio/blob/master/picture.PNG"></img> </kbd> </p>To view a live example, click here.
Just Edit portfolio.js
to get your personal portfolio. Feel free to use it as-is or customize it as much as you want.
But if you want to contribute and make this much better for other developers have a look at Issues.
If you created something awesome and want to contribute then feel free to open an pull request.
Sections
✔️ Summary and About me
✔️ Skills
✔️ Education
✔️ Work Experience
✔️ Feedbacks
✔️ Projects
✔️ Github Profile
Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
You'll need Git and Node.js (which comes with npm) installed on your computer. <br> For Windows Install Visual C++ Build Environment: Visual Studio Build Tools
node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher
How To Use
- Fork this repository and clone it to your local machine.
$ git clone https://github.com/<your-username>/developer-portfolio.git
- Go into the repository
$ cd developer-portfolio
- Install dependencies
$ yarn
-
Edit
portfolio.js
-
Start your development server
$ yarn dev
Linking Portfolio to Github
// portfolio.js
githubUserName: 'YOUR GITHUB USERNAME HERE',
Using Emojis
For adding emoji 😃 into the texts in Portfolio.js
, use the emoji()
function and pass the text you need as an
argument. This would help in keeping emojis compatible across different browsers and platforms.
Technologies Used
Illustrations
Icons
Iconify Icons are used in the skill section. You can find all the icons here: Iconify.
For the Future
If you can help us with these. Please don't hesitate to open a pull request.
-
Enable Dark Mode
-
Add More Sections
Show your support
Give a ⭐️ if this project helped you! You can buy me a coffee if you'd like to support my work further.
<div> <a href="https://www.buymeacoffee.com/1hanzla100"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=☕&slug=1hanzla100&button_colour=FFDD00&font_colour=ffffff&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00" /></a> </div>Author
👤 Hanzla Tauqeer
- Website: https://hanzla.netlify.app
- Github: @1hanzla100
- LinkedIn: @1hanzla100