Skip to content

Commit a264bdf

Browse files
committed
Update to v2.1.0: New resume and project content
1 parent 1851f03 commit a264bdf

File tree

8 files changed

+125
-111
lines changed

8 files changed

+125
-111
lines changed

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
2-
"name": "myapp",
3-
"version": "2.0.2",
2+
"name": "kroljs",
3+
"version": "2.1.0",
44
"private": true,
55
"homepage": "https://kroljs.com/",
66
"dependencies": {

src/components/pages/ProjectsPage.js

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import Asteroids from '../../graphics/asteroids.gif';
1515
import Snake from '../../graphics/snake.gif';
1616
import Smove from '../../graphics/smove.gif';
1717
import LPTimer from '../../graphics/lp-timer.png';
18+
import EPALogo from '../../graphics/epa-logo.png';
1819
import Scoreboard from '../../graphics/scoreboard.png';
1920
import SplitTheBill from '../../graphics/split-the-bill.png';
2021
import Chicago from '../../graphics/chicago-uic-small-2.png';
@@ -57,9 +58,9 @@ function ProjectsPage() {
5758
<div className="content-row content-block-container">
5859
<ContentBlock title="utilities." bg={3} size="medium">
5960
<div className="content-row">
60-
<MediaCard title="LP Timer" star={5} subtitle="A simple timer application with time signals to help the forensics community" language="ReactJS, Node.js, Express" imgName={LPTimer} link="https://jacobkrol.github.io/LP-Timer" />
61-
<MediaCard title="Scoreboard" star={5} subtitle="Scoreboard interface for personal game nights" language="JavaScript, HTML5, CSS" imgName={Scoreboard} link="https://github.com/jacobkrol/Scoreboard" />
62-
<MediaCard title="Split The Bill" star={4} subtitle="Need to split a bill proportional to everyone's costs? This is the solution!" language="JavaScript, HTML5, CSS" imgName={SplitTheBill} link="https://github.com/jacobkrol/splitthebill" />
61+
<MediaCard title="LP Timer" star={5} subtitle="A simple timer application with time signals to help the forensics community" language="ReactJS, Node.js, Express" imgName={LPTimer} link="https://kroljs.com/LP-Timer" />
62+
<MediaCard title="Scoreboard" star={5} subtitle="Scoreboard interface for personal game nights" language="JavaScript, HTML5, CSS" imgName={Scoreboard} link="https://kroljs.com/Scoreboard" />
63+
<MediaCard title="Extemp Panel App" star={3} subtitle="A web app to share and practice extemporaneous speaking prompts" language="ReactJS, Node.js, Express" imgName={EPALogo} />
6364
</div>
6465
</ContentBlock>
6566
<ContentBlock title="games." bg={1} size="medium">
@@ -76,11 +77,12 @@ function ProjectsPage() {
7677
<MediaCard title="Dynamic Ball Pit" star={4} subtitle="A basic JavaScript program with interactive dots" language="JavaScript" imgName={DynamicBallPit} link="https://github.com/jacobkrol/Dynamic-Ball-Pit" />
7778
</div>
7879
</ContentBlock>
79-
<ContentBlock title="websites." bg={2} size="medium">
80+
<ContentBlock title="adtl_websites." bg={2} size="medium">
8081
<div className="content-row">
8182
<MediaCard title="Jacob's Homepage" star={5} subtitle="Learn about me and what I am working on, and get in touch" language="ReactJS, Node.js, Express" imgName={Chicago} link="https://github.com/jacobkrol/jacobkrol.github.io" />
8283
<MediaCard title="Apartment Manager" star={5} subtitle="Post, like, filter, and compare multiple apartment listings in one place" language="Node.js, Express, ReactJS" imgName={AptManager} link="https://github.com/jacobkrol/Apartment-Manager" />
8384
<MediaCard title="FrenchClubUIC.com" star={5} subtitle="Public website produced for the French Club at UIC" language="HTML5, CSS" imgName={FrenchClub} link="http://frenchclubuic.com" />
85+
<MediaCard title="Split The Bill" star={4} subtitle="Need to split a bill proportional to everyone's costs? This is the solution!" language="JavaScript, HTML5, CSS" imgName={SplitTheBill} link="https://github.com/jacobkrol/splitthebill" />
8486
</div>
8587
</ContentBlock>
8688
<ContentBlock title="maths." bg={0} size="medium">

src/components/pages/ResumePage.js

Lines changed: 101 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -25,123 +25,78 @@ function ResumePage() {
2525
<div>
2626
<Backdrop imgName={Code} overlayColor="" />
2727
<TitleCard title="Resume" subtitle="Contact me for the newest, print-friendly version!" size={66} />
28-
<div className="content-row content-block-container">
29-
<ContentBlock bg={0} title="education." size="medium">
30-
<div className="content-row">
31-
<div className="content-box left-small-card">
32-
<p>University of Illinois at Chicago</p>
33-
<p>Chicago, IL</p>
34-
<p>December 2019</p>
35-
</div>
36-
37-
<div className="content-box right-large-card">
38-
<p>BS in Mathematics and Computer Science</p>
39-
<p>BA in French and Francophone Studies</p>
40-
<ul>
41-
<li>President's Award Program STEM</li>
42-
<li>Honors College, <em>magna cum laude</em></li>
43-
</ul>
44-
<p>CUMULATIVE GPA 3.8</p>
45-
<p>MAJOR GPA 4.0</p>
46-
</div>
47-
</div>
48-
</ContentBlock>
49-
<ContentBlock bg={1} title="awards." size="medium">
50-
<div className="content-box">
51-
<div className="spaced-ul">
52-
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Marie-Odile Sweetser Prize, <em>Department of French and Francophone Studies</em></p></span>
53-
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Twersky Award Nominee, <em>Department of Mathematics, Statistics, and Computer Science</em></p></span>
54-
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Illinois State Scholar, <em>Illinois Student Assistance Commission</em></p></span>
55-
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Impact Scholar, <em>Center for Student Involvement</em></p></span>
56-
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Dean’s List, <em>College of Liberal Arts & Sciences</em></p></span>
57-
</div>
58-
</div>
59-
</ContentBlock>
60-
</div>
6128
<ContentBlock bg={2} title="skills.">
6229
<div className="content-row flex-start">
6330

6431
<div className="content-row">
65-
<SkillColumn title="front_end">
66-
<Skill name="HTML" stars={5} />
67-
<Skill name="CSS" stars={5} />
68-
<Skill name="Vanilla JS" stars={5} />
69-
<Skill name="React.js" stars={4} />
70-
<Skill name="jQuery" stars={4} />
32+
<SkillColumn title="languages">
33+
<Skill name="C#" stars={5} />
34+
<Skill name="JS ES6" stars={5} />
35+
<Skill name="HTML5" stars={5} />
36+
<Skill name="CSS3" stars={5} />
37+
<Skill name="Python" stars={4} />
38+
<Skill name="C++" stars={4} />
7139
</SkillColumn>
72-
<SkillColumn title="back_end">
40+
<SkillColumn title="libs &amp; more">
41+
<Skill name=".NET" stars={5} />
42+
<Skill name="MassTransit" stars={5} />
43+
<Skill name="React.js" stars={5} />
7344
<Skill name="Node.js" stars={5} />
74-
<Skill name="PostgreSQL" stars={4} />
75-
<Skill name="MySQL" stars={4} />
76-
<Skill name="SQLite" stars={3} />
77-
<Skill name="NoSQL" stars={2} />
45+
<Skill name="jQuery" stars={5} />
46+
<Skill name="Express" stars={5} />
7847
</SkillColumn>
7948
</div>
8049

8150
<div className="content-row">
82-
<SkillColumn title="addtl_langs">
83-
<Skill name="Python" stars={5} />
84-
<Skill name="SageMath" stars={5} />
85-
<Skill name="C++" stars={4} />
86-
<Skill name="MATLAB" stars={4} />
87-
<Skill name="Java" stars={2} />
51+
<SkillColumn title="data management">
52+
<Skill name="PostgreSQL" stars={5} />
53+
<Skill name="Redis Cache" stars={4} />
54+
<Skill name="MySQL" stars={4} />
55+
<Skill name="SQLite" stars={4} />
56+
<Skill name="CosmosDB" stars={4} />
57+
<Skill name="DynamoDB" stars={2} />
8858
</SkillColumn>
8959
<SkillColumn title="software">
9060
<Skill name="M. Office" stars={5} />
91-
<Skill name="Git" stars={4} />
61+
<Skill name="VS Code" stars={5} />
62+
<Skill name="Git" stars={5} />
63+
<Skill name="Azure" stars={5} />
9264
<Skill name="AWS" stars={3} />
93-
<Skill name="LaTeX" stars={3} />
94-
<Skill name="Vim" stars={3} />
65+
<Skill name="Docker" stars={2} />
9566
</SkillColumn>
9667
</div>
9768

9869
<div className="content-row">
9970
<SkillColumn title="communication">
100-
<div className="content-box">
101-
<div className="skill-box skill-text">
102-
<p>French</p>
103-
<ul>
104-
<li>Professional Working Proficiency <span className="nobr">(ILR Scale)</span></li>
105-
<li>C1 on CEFR</li>
106-
</ul>
107-
</div>
108-
</div>
109-
<div className="content-box">
110-
<div className="skill-box skill-text">
111-
<p>Public Speaking</p>
112-
<ul>
113-
<li>Nationally-ranked speech team <span className="nobr">(4 years)</span></li>
114-
<li>Limited preparation specialty</li>
115-
</ul>
71+
<div className="content-row">
72+
<div className="content-box">
73+
<div className="skill-box skill-text">
74+
<p>French</p>
75+
<ul>
76+
<li>BA in French and Francophone Studies</li>
77+
<li>Professional Working Proficiency <span className="nobr">(ILR Scale)</span></li>
78+
<li>C1 on CEFR</li>
79+
</ul>
80+
</div>
11681
</div>
117-
</div>
118-
</SkillColumn>
119-
<SkillColumn title="leadership">
120-
<div className="content-box">
121-
<div className="skill-box skill-text">
122-
<p>UIC Speech Team</p>
123-
<ul>
124-
<li>President</li>
125-
<li>Secretary / Treasurer</li>
126-
<li>Fundraising Director</li>
127-
</ul>
82+
<div className="content-box">
83+
<div className="skill-box skill-text">
84+
<p>Public Speaking</p>
85+
<ul>
86+
<li>Current competitive speech team coach at the collegiate level</li>
87+
<li>Former competitor on a nationally-ranked speech team <span className="nobr">(4 years)</span></li>
88+
<li>Limited preparation specialty</li>
89+
</ul>
90+
</div>
12891
</div>
129-
</div>
130-
<div className="content-box">
131-
<div className="skill-box skill-text">
132-
<p>French Club at UIC</p>
133-
<ul>
134-
<li>Web Administrator</li>
135-
<li>Director of Events</li>
136-
</ul>
137-
</div>
138-
</div>
139-
<div className="content-box">
140-
<div className="skill-box skill-text">
141-
<p>UIC Bioengineering Student Journal</p>
142-
<ul>
143-
<li>Reviewer</li>
144-
</ul>
92+
<div className="content-box">
93+
<div className="skill-box skill-text">
94+
<p>Cross-Functional Communication</p>
95+
<ul>
96+
<li>Experience in translating between business and technology teams</li>
97+
<li>Communication of infrastructure and time requirements with story point estimation to management and other stakeholders</li>
98+
</ul>
99+
</div>
145100
</div>
146101
</div>
147102
</SkillColumn>
@@ -150,6 +105,24 @@ function ResumePage() {
150105
</div>
151106
</ContentBlock>
152107
<ContentBlock bg={3} title="experience.">
108+
<div className="content-row">
109+
<div className="content-box left-small-card">
110+
<p>Tata Consultancy Services Ltd.</p>
111+
<p>Chicago, IL</p>
112+
<p>August 2020 - Present</p>
113+
</div>
114+
115+
<div className="content-box right-large-card stretch-box">
116+
<p>Software Engineer</p>
117+
<ul>
118+
<li>Contribute to the test-driven development through CI/CD to Azure serverless back-end microservices built with C# in the .NET framework</li>
119+
<li>Coordinate virtually with on-shore and off-shore scrum team members to ensure effective utilization of client resources</li>
120+
<li>Design message architecture using Google Protobuf and POCO messages with serialization and deserialization sent via MassTransit</li>
121+
</ul>
122+
</div>
123+
124+
</div>
125+
153126
<div className="content-row">
154127
<div className="content-box left-small-card">
155128
<p>Wolcott, Wood, and Taylor Inc.</p>
@@ -205,6 +178,38 @@ function ResumePage() {
205178

206179
</div>
207180
</ContentBlock>
181+
<div className="content-row content-block-container">
182+
<ContentBlock bg={0} title="education." size="medium">
183+
<div className="content-row">
184+
<div className="content-box left-small-card">
185+
<p>University of Illinois at Chicago</p>
186+
<p>Chicago, IL</p>
187+
</div>
188+
189+
<div className="content-box right-large-card">
190+
<p>BS in Mathematics and Computer Science</p>
191+
<p>BA in French and Francophone Studies</p>
192+
<ul>
193+
<li>President's Award Program STEM</li>
194+
<li>Honors College, <em>magna cum laude</em></li>
195+
</ul>
196+
<p>CUMULATIVE GPA 3.8</p>
197+
<p>MAJOR GPA 4.0</p>
198+
</div>
199+
</div>
200+
</ContentBlock>
201+
<ContentBlock bg={1} title="awards." size="medium">
202+
<div className="content-box">
203+
<div className="spaced-ul">
204+
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Marie-Odile Sweetser Prize, <em>Department of French and Francophone Studies</em></p></span>
205+
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Twersky Award Nominee, <em>Department of Mathematics, Statistics, and Computer Science</em></p></span>
206+
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Illinois State Scholar, <em>Illinois Student Assistance Commission</em></p></span>
207+
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Impact Scholar, <em>Center for Student Involvement</em></p></span>
208+
<span className="content-row"><IoMdTrophy className="bullet-icon" title="bullet point" /><p>Dean’s List, <em>College of Liberal Arts & Sciences</em></p></span>
209+
</div>
210+
</div>
211+
</ContentBlock>
212+
</div>
208213
<ContentBlock bg={0} title="publications.">
209214
<div className="content-row">
210215
<MediaCard date="November 13, 2019" title="On uniqueness and helicity conservation of weak solutions to the electron-MHD system" subtitle="Cornell University" link="https://arxiv.org/abs/1911.08285" imgName={Uniqueness} />

src/components/utilities/Footer.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ function Footer() {
99
return (
1010
<footer>
1111
<div className="content-row">
12-
<p>Jacob Krol 2020&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</p>
12+
<p>Jacob Krol 2021&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</p>
1313
<a href="https://github.com/jacobkrol" target="_blank" rel="noopener noreferrer"><AiFillGithub title="github" /></a>&nbsp;
1414
<a href="https://linkedin.com/in/JacobSKrol" target="_blank" rel="noopener noreferrer"><AiFillLinkedin title="linked in" /></a>&nbsp;
1515
<Link to="/contact"><MdEmail title="email" /></Link>

src/components/utilities/MediaCard.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,10 @@ function MediaCard(props) {
2424
? <span className="content-row"><FaRegFileCode title="languages" size={15} /><p>{props.language}</p></span>
2525
: null
2626
}
27-
<p>See more <a style={{color: props.theme==="dark" ? "#EEE" : "#111"}} href={props.link} target="_blank" rel="noopener noreferrer">here</a></p>
27+
{props.link
28+
? <p>See more <a style={{color: props.theme==="dark" ? "#EEE" : "#111"}} href={props.link} target="_blank" rel="noopener noreferrer">here</a></p>
29+
: null
30+
}
2831
</div>
2932
</div>
3033
)

src/graphics/epa-logo.png

33.2 KB
Loading

0 commit comments

Comments
 (0)