Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/1hanzla100/developer-portfolio
bootstrap-4 developer-portfolio personal-portfolio portfolio portfolio-site portfolio-template portfolio-website react react-portfolio reactjs reactjs-portfolio reactjs-template resume-website template
Last synced: 5 days ago
JSON representation
Software Developer Portfolio Template built with react.js and next.js bootstrap that helps you showcase your work and skills as a software developer.
- Host: GitHub
- URL: https://github.com/1hanzla100/developer-portfolio
- Owner: 1hanzla100
- License: apache-2.0
- Created: 2021-01-19T06:48:20.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-04-09T11:02:08.000Z (8 months ago)
- Last Synced: 2024-11-30T23:07:59.780Z (12 days ago)
- Topics: bootstrap-4, developer-portfolio, personal-portfolio, portfolio, portfolio-site, portfolio-template, portfolio-website, react, react-portfolio, reactjs, reactjs-portfolio, reactjs-template, resume-website, template
- Language: TypeScript
- Homepage: https://developer-portfolio-1hanzla100.vercel.app/
- Size: 3.05 MB
- Stars: 723
- Watchers: 6
- Forks: 462
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- jimsghstars - 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. (TypeScript)
README
Welcome to developer-portfolio 👋
## 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](https://developer-portfolio-1hanzla100.vercel.app/)**.
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](https://github.com/1hanzla100/developer-portfolio/issues).
If you created something awesome and want to contribute then feel free to open an
[pull request](https://github.com/1hanzla100/developer-portfolio/pulls).
## 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](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with
[npm](http://npmjs.com)) installed on your computer.
**For Windows** Install Visual C++ Build Environment:
[Visual Studio Build Tools](https://visualstudio.microsoft.com/thank-you-downloading-visual-studio/?sku=BuildTools)
```
[email protected] or higher
[email protected] or higher
[email protected] or higher
```
## How To Use
1. Fork this repository and clone it to your local machine.
```bash
$ git clone https://github.com//developer-portfolio.git
```
2. Go into the repository
```bash
$ cd developer-portfolio
```
3. Install dependencies
```bash
$ yarn
```
4. Edit `portfolio.js`
5. Start your development server
```bash
$ yarn dev
```
## Linking Portfolio to Github
```javascript
// 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
- [Next.js](https://nextjs.org/)
- [axios](https://www.npmjs.com/package/axios)
- [reactstrap](https://reactstrap.github.io/)
- [react-reveal](https://www.react-reveal.com/)
- [react-lottie](https://www.npmjs.com/package/react-lottie)
- [react-easy-emoji](https://github.com/appfigures/react-easy-emoji)
- [react-headroom](https://github.com/KyleAMathews/react-headroom)
- [color-thief](https://github.com/lokesh/color-thief)
## Illustrations
- [Lottie File Source](https://lottiefiles.com)
## Icons
Iconify Icons are used in the skill section. You can find all the icons here: [Iconify](https://icon-sets.iconify.design/).
## For the Future
If you can help us with these. Please don't hesitate to open a
[pull request](https://github.com/1hanzla100/developer-portfolio/pulls).
- 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**
- Website: https://hanzla.netlify.app
- Github: [@1hanzla100](https://github.com/1hanzla100)
- LinkedIn: [@1hanzla100](https://linkedin.com/in/1hanzla100)