Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit

Bumps [async]( from 2.6.3 to 2.6.4.
- [Release notes](
- [Changelog](
- [Commits](caolan/async@v2.6.3...v2.6.4)

- dependency-name: async
  dependency-type: indirect

Signed-off-by: dependabot[bot] <>

Signed-off-by: dependabot[bot] <>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]>

Git stats


Failed to load latest commit information.
Latest commit message
Commit time
November 10, 2020 22:01
November 10, 2020 23:13
November 10, 2020 22:01
March 5, 2022 22:33
September 30, 2021 11:01

portfolio template mockup
portfolio mobile demo gif

react icon

Portfolio Template

⭐ 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

multilingual Β  mobile friendly Β  light/dark mode Β  json fetched data Β  minimalistic Β  expandable

πŸ‘οΈβ€πŸ—¨οΈ Live demo

Check live demonstration here

react frontend dev portfolio preview

πŸ“š Getting started

  1. Clone or fork project.
  2. Install required dependencies with npm install.
  3. Remove homepage entirely from package.json or set it to single dot.
// package.json
  "name": "react-frontend-dev-portfolio",
  "homepage": "",   <-- remove/edit this
  "version": "0.1.0",
  "private": true,
  "dependencies": {
  1. npm start project and customize it.
  2. Deploy on github-pages using npm run deploy command.
⚠️ Note that:
- if you want to have portfolio on different repository than `{username}`, 
set `homepage` in `package.json` to `https://{username}{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.

⭐ Inspirations

React Vertical Timeline
React Awesome Slider
React Switch
React Typical
Iconify Design
Polaroid effect
GitHub Ref Corner

πŸ“ Changelog

[ 05.03.2022, contributor: @mangelarilla ]
- update DevIcon stylesheet to latest one
[ 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

βš™οΈ Contribution

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 πŸ™‚

πŸ“· Credits(images)

Images used in portfolio template come from Pixabay, references:

p1, p2, p3, p4, p5, p6