⭐ Easy to adapt and deploy portfolio project covering most important sections(about, exp, skills, projects), inspired with solutions found at GitHub. Check live preview(link below).
👑 advantages
Check live demonstration here
- Clone or fork project.
- Install required dependencies with
npm install. - Remove
homepageentirely frompackage.jsonor set it to single dot.
// package.json
{
"name": "react-frontend-dev-portfolio",
"homepage": "https://dorota1997.github.io/react-frontend-dev-portfolio/", <-- remove/edit this
"version": "0.1.0",
"private": true,
"dependencies": {
...
}
npm startproject and customize it.- Deploy on github-pages using
npm run deploycommand.
⚠️ Note that:
- if you want to have portfolio on different repository than `{username}.github.io`,
set `homepage` in `package.json` to `https://{username}.github.io/{repository-name}/`
before deploying portfolio.
- if you want to run it locally with npm run start, make sure that you have edited
homepage property or json data won't load.
React Vertical Timeline
React Awesome Slider
React Switch
React Typical
Iconify Design
Polaroid effect
GitHub Ref Corner
[ 03.10.2021, contributor: @shahednasser ]
- updated sass dependency.
[ 26.05.2021, contributor: @DavidMatalik ]
- removed nonexisting logos references: logo192 and logo512.
[ 17.01.2021, contributor: @igorperic17 ]
- wrapped the Typical component into a fixed height div due to the bad transitions for a brief moment between two titles when the string is empty (the content bellow jumps up-down very quickly). - removed the title from the page document.title due to the increased title length.
[ 30.11.2020, contributor: @dorota1997 ]
- updated readme section - fixed problem of json files not being read
[ 29/30.11.2020, contributor: @trolit ]
- changed resume files names to more "universal" - moved languages names to global variables - moved section names to json files - added target="_blank" for footer links - added startDate property for projects - excluded common json data to portfolio_shared_data file - added header section height calculation based on formula: window.innerHeight - 140 - small changes to vertical timeline item (color/font-size) - project link in modal is not shown if empty - changed slider preloader bar color - wrapped each skill into tile - footer fullname is fetched from json now - added mising "px" for avatar in About.js component - updated json files content - page title is fetched from json data - added GitHub reference corner "label" - edited page meta - added margin, padding 0 for html tag - excluded light theme ref from theme-dark file - slightly changed Header.js section look - made some changes to App.js to apply global variables/shared json etc. - centered fullname/pos/theme toggler in Header section
If you have any suggestions on what to improve in react-frontend-dev-portfolio and would like to share them, feel free to leave an issue or fork project to implement your own ideas 🙂
Images used in portfolio template come from Pixabay, references:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent