Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dorota1997/react-frontend-dev-portfolio
Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.
https://github.com/dorota1997/react-frontend-dev-portfolio
dev-portfolio front-end-portfolio github-portfolio html5 javascript portfolio portfolio-page portfolio-template react react-bootstrap react-portfolio react-portfolio-template sass scss template
Last synced: 7 days ago
JSON representation
Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.
- Host: GitHub
- URL: https://github.com/dorota1997/react-frontend-dev-portfolio
- Owner: Dorota1997
- License: mit
- Created: 2020-11-10T22:37:36.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-07-26T00:23:49.000Z (6 months ago)
- Last Synced: 2025-01-23T21:03:06.679Z (7 days ago)
- Topics: dev-portfolio, front-end-portfolio, github-portfolio, html5, javascript, portfolio, portfolio-page, portfolio-template, react, react-bootstrap, react-portfolio, react-portfolio-template, sass, scss, template
- Language: SCSS
- Homepage: https://dorota1997.github.io/react-frontend-dev-portfolio/
- Size: 8.15 MB
- Stars: 1,099
- Watchers: 12
- Forks: 698
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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).
:crown: advantages
:eye_speech_bubble: Live demo
Check live demonstration here
:books: 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": "https://dorota1997.github.io/react-frontend-dev-portfolio/", <-- remove/edit this
"version": "0.1.0",
"private": true,
"dependencies": {
...
}
```
4. `npm start` project and customize it.
5. Deploy on github-pages using `npm run deploy` command.
⚠️ 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.
:star: Inspirations
React Vertical Timeline
React Awesome Slider
React Switch
React Typical
Iconify Design
Polaroid effect
GitHub Ref Corner
:memo: 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
:gear: 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 :slightly_smiling_face:
:camera: Credits(images)
Images used in portfolio template come from Pixabay, references: