All Projects → Dorota1997 → React Frontend Dev Portfolio

Dorota1997 / React Frontend Dev Portfolio

Licence: mit
Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Frontend Dev Portfolio

Devportfolio
A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass
Stars: ✭ 3,582 (+6412.73%)
Mutual labels:  portfolio, scss, template, sass
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✭ 126 (+129.09%)
Mutual labels:  scss, sass, html5
Fictoan
Mockups with markup — https://sujan-s.github.io/fictoan/
Stars: ✭ 114 (+107.27%)
Mutual labels:  scss, sass, html5
Frontplate
フロントエンド開発の効率をあげるフルスタックテンプレート
Stars: ✭ 175 (+218.18%)
Mutual labels:  scss, template, sass
Magz
Free Resonsive HTML5 & CSS3 Magazine Template
Stars: ✭ 64 (+16.36%)
Mutual labels:  template, sass, html5
Sing App
💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥
Stars: ✭ 1,187 (+2058.18%)
Mutual labels:  scss, template, sass
Masterportfolio
🔥 The Complete Customizable Software Developer Portfolio Template which lets you showcase your work and provides each and every detail about you as Software Developer.
Stars: ✭ 913 (+1560%)
Mutual labels:  portfolio, template, html5
Portfolio one Page Template
Free responsive one page portfolio template
Stars: ✭ 106 (+92.73%)
Mutual labels:  template, sass, html5
Flexible Jekyll
Flexible-Jekyll is a simple and clean theme for Jekyll
Stars: ✭ 531 (+865.45%)
Mutual labels:  portfolio, scss, html5
Varadbhogayata.github.io
My Portfolio - Personal Website
Stars: ✭ 95 (+72.73%)
Mutual labels:  portfolio, template, html5
Skeleton Sass
Skeleton Sass is a highly modular version of Skeleton CSS
Stars: ✭ 151 (+174.55%)
Mutual labels:  scss, template, sass
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+1225.45%)
Mutual labels:  scss, sass, html5
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+352.73%)
Mutual labels:  scss, sass, html5
Tabler
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Stars: ✭ 24,611 (+44647.27%)
Mutual labels:  scss, sass, html5
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (+1323.64%)
Mutual labels:  scss, template, sass
Sierra
Sierra SCSS library
Stars: ✭ 852 (+1449.09%)
Mutual labels:  scss, sass
Online Bling
Stars: ✭ 9 (-83.64%)
Mutual labels:  sass, html5
Jalpc
🍎Jalpc -- A flexible Jekyll theme, 3 steps to build your website.
Stars: ✭ 859 (+1461.82%)
Mutual labels:  portfolio, scss
Hive Framework
A website development framework built with Sass, and incorporating jQuery UI.
Stars: ✭ 14 (-74.55%)
Mutual labels:  scss, sass
Gulp Frontnote
スタイルガイドジェネレーターFrontNoteのGulpプラグイン
Stars: ✭ 7 (-87.27%)
Mutual labels:  scss, sass

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 or set homepage in package.json to single dot.
  4. npm start project and customize it.
  5. Deploy on github-pages using npm run deploy command.
⚠️ Note that if you have portfolio on different repository than `{username}.github.io`, 
set `homepage` in `package.json` to `https://{username}.github.io/{repository}/` 
before deploying portfolio.

⭐️ Inspirations

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

📝 Changelog

[ 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].