Skip to content

Software Developer Portfolio Template built with react.js and next.js bootstrap that helps you showcase your work and skills as a software developer.

License

Notifications You must be signed in to change notification settings

1hanzla100/developer-portfolio

Repository files navigation

Welcome to developer-portfolio 👋

GitHub licenseGitHub issuesGitHub forks GitHub stars

Software Developer Portfolio Template built with Next.js, bootstrap that helps you showcase your work and skills as a software developer.

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.
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

  1. Fork this repository and clone it to your local machine.
$ git clone https://github.com/<your-username>/developer-portfolio.git
  1. Go into the repository
$ cd developer-portfolio
  1. Install dependencies
$ yarn
  1. Edit portfolio.js

  2. 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.

Author

👤 Hanzla Tauqeer