1hanzla100 / developer-portfolio

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

Home Page:https://developer-portfolio-1hanzla100.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 developer 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 repoistory 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 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

Author

๐Ÿ‘ค Hanzla Tauqeer

Show your support

Give a โญ๏ธ if this project helped you!

About

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

https://developer-portfolio-1hanzla100.vercel.app/

License:Apache License 2.0


Languages

Language:TypeScript 97.8%Language:Dockerfile 1.8%Language:JavaScript 0.3%