Skip to content

Commit 6699a48

Browse files
danieleverestdanieleverest
committed
commit
0 parents  commit 6699a48

39 files changed

+36818
-0
lines changed

‎.gitattributes

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# Auto detect text files and perform LF normalization
2+
* text=auto

‎.gitignore

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# production
12+
/build
13+
14+
# misc
15+
.DS_Store
16+
.env.local
17+
.env.development.local
18+
.env.test.local
19+
.env.production.local
20+
21+
npm-debug.log*
22+
yarn-debug.log*
23+
yarn-error.log*

‎LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2020 Dorota Gil
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

+134
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
1+
<img width="80%" align="center" src="https://github.com/Dorota1997/react-frontend-dev-portfolio/blob/images/images/portfolio_mockup.png" alt="portfolio template mockup" /> <br/>
2+
<img height="350px" align="right" src="https://github.com/Dorota1997/react-frontend-dev-portfolio/blob/images/images/mobile-demo.gif" alt="portfolio mobile demo gif"/>
3+
4+
<img align="left" src="https://github.com/leungwensen/svg-icon/blob/master/dist/svg/logos/react.svg" height="50" alt="react icon"/>
5+
<h2>Portfolio Template</h2>
6+
7+
<pre>
8+
⭐ Easy to adapt and deploy portfolio project covering most important
9+
sections(about, exp, skills, projects), inspired with solutions found
10+
at GitHub. Check live preview(link below).
11+
</pre>
12+
13+
<strong>:crown: advantages</strong>
14+
15+
<img src="https://img.shields.io/badge/-multilingual-blue" alt="multilingual"/> &nbsp; <img src="https://img.shields.io/badge/-mobile friendly-blue" alt="mobile friendly"/> &nbsp; <img src="https://img.shields.io/badge/-light/dark mode-blue" alt="light/dark mode"/> &nbsp; <img src="https://img.shields.io/badge/-json fetched data-blue" alt="json fetched data"/> &nbsp; <img src="https://img.shields.io/badge/-minimalistic-blue" alt="minimalistic"/> &nbsp; <img src="https://img.shields.io/badge/-expandable-blue" alt="expandable"/>
16+
17+
<br/>
18+
19+
<h3>:eye_speech_bubble: Live demo</h3>
20+
21+
Check live demonstration <a href="https://dorota1997.github.io/react-frontend-dev-portfolio/"><strong>here</strong></a>
22+
23+
<img width="100%" src="https://github.com/Dorota1997/react-frontend-dev-portfolio/blob/images/images/react_portfolio_about.png" alt="react frontend dev portfolio preview"/>
24+
25+
<h3>:books: Getting started</h3>
26+
27+
1. Clone or fork project.
28+
2. Install required dependencies with `npm install`.
29+
3. Remove `homepage` entirely from `package.json` or set it to single dot.
30+
31+
```
32+
// package.json
33+
{
34+
"name": "react-frontend-dev-portfolio",
35+
"homepage": "https://dorota1997.github.io/react-frontend-dev-portfolio/", <-- remove/edit this
36+
"version": "0.1.0",
37+
"private": true,
38+
"dependencies": {
39+
...
40+
}
41+
```
42+
43+
4. `npm start` project and customize it.
44+
5. Deploy on github-pages using `npm run deploy` command.
45+
46+
<pre>
47+
⚠️ Note that:
48+
- if you want to have portfolio on different repository than `{username}.github.io`,
49+
set `homepage` in `package.json` to `https://{username}.github.io/{repository-name}/`
50+
before deploying portfolio.
51+
- if you want to run it locally with <strong>npm run start</strong>, make sure that you have edited
52+
homepage property or json data won't load.
53+
</pre>
54+
55+
<h3>:star: Inspirations</h3>
56+
57+
<a href="https://github.com/stephane-monnot/react-vertical-timeline">React Vertical Timeline</a> <br/>
58+
<a href="https://github.com/rcaferati/react-awesome-slider">React Awesome Slider</a> <br/>
59+
<a href="https://github.com/markusenglund/react-switch">React Switch</a> <br/>
60+
<a href="https://github.com/catalinmiron/react-typical">React Typical</a> <br/>
61+
<a href="https://iconify.design/icon-sets/?query=angular">Iconify Design</a> <br/>
62+
<a href="https://www.w3docs.com/snippets/css/how-to-create-polaroid-image-with-css.html#">Polaroid effect</a> <br/>
63+
<a href="https://tholman.com/github-corners/">GitHub Ref Corner</a>
64+
65+
<h3>:memo: Changelog</h3>
66+
<details>
67+
<summary>[ 05.03.2022, contributor: <a href="https://github.com/mangelarilla">@mangelarilla</a> ]</summary>
68+
<pre>
69+
- update DevIcon stylesheet to latest one
70+
</pre>
71+
</details>
72+
<details>
73+
<summary>[ 03.10.2021, contributor: <a href="https://github.com/shahednasser">@shahednasser</a> ]</summary>
74+
<pre>
75+
- updated sass dependency.
76+
</pre>
77+
</details>
78+
<details>
79+
<summary>[ 26.05.2021, contributor: <a href="https://github.com/DavidMatalik">@DavidMatalik</a> ]</summary>
80+
<pre>
81+
- removed nonexisting logos references: logo192 and logo512.
82+
</pre>
83+
</details>
84+
<details>
85+
<summary>[ 17.01.2021, contributor: <a href="https://github.com/igorperic17">@igorperic17</a> ]</summary>
86+
<pre>
87+
- 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).
88+
- removed the title from the page document.title due to the increased title length.
89+
</pre>
90+
</details>
91+
<details>
92+
<summary>[ 30.11.2020, contributor: <a href="https://github.com/dorota1997">@dorota1997</a> ]</summary>
93+
<pre>
94+
- updated readme section
95+
- fixed problem of json files not being read
96+
</pre>
97+
</details>
98+
<details>
99+
<summary>[ 29/30.11.2020, contributor: <a href="https://github.com/trolit">@trolit</a> ]</summary>
100+
<pre>
101+
- changed resume files names to more "universal"
102+
- moved languages names to global variables
103+
- moved section names to json files
104+
- added target="_blank" for footer links
105+
- added startDate property for projects
106+
- excluded common json data to portfolio_shared_data file
107+
- added header section height calculation based on formula: window.innerHeight - 140
108+
- small changes to vertical timeline item (color/font-size)
109+
- project link in modal is not shown if empty
110+
- changed slider preloader bar color
111+
- wrapped each skill into tile
112+
- footer fullname is fetched from json now
113+
- added mising "px" for avatar in About.js component
114+
- updated json files content
115+
- page title is fetched from json data
116+
- added GitHub reference corner "label"
117+
- edited page meta
118+
- added margin, padding 0 for html tag
119+
- excluded light theme ref from theme-dark file
120+
- slightly changed Header.js section look
121+
- made some changes to App.js to apply global variables/shared json etc.
122+
- centered fullname/pos/theme toggler in Header section
123+
</pre>
124+
</details>
125+
126+
<h3>:gear: Contribution</h3>
127+
128+
If you have any suggestions on what to improve in <em>react-frontend-dev-portfolio</em> and would like to share them, feel free to leave an issue or fork project to implement your own ideas :slightly_smiling_face:
129+
130+
<h3>:camera: Credits(images)</h3>
131+
132+
Images used in portfolio template come from Pixabay, references:
133+
134+
<a href="https://pixabay.com/photos/people-woman-girl-clothing-eye-2563491/">p1</a>, <a href="https://pixabay.com/photos/dog-puppy-sharpei-petit-animal-1865712/">p2</a>, <a href="https://pixabay.com/photos/night-camera-photographer-photo-1927265/">p3</a>, <a href="https://pixabay.com/photos/road-forest-season-autumn-fall-1072823/">p4</a>, <a href="https://pixabay.com/photos/neuschwanstein-castle-bavaria-701732/">p5</a>, <a href="https://pixabay.com/photos/hohenschwangau-alps-alpsee-bavaria-532864/">p6</a>

0 commit comments

Comments
 (0)