diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000..e69de29 diff --git a/404.html b/404.html new file mode 100644 index 0000000..3c9b5b3 --- /dev/null +++ b/404.html @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + Ryne Stagen | Professional Portfolio + + + + + +
+
+

Page Not Found

+

Perhaps you were looking for one of the following:

+ +

Essays

+ + +

Projects

+ +
+
+ + + + + + + diff --git a/_data/bio.json b/_data/bio.json new file mode 100644 index 0000000..c777925 --- /dev/null +++ b/_data/bio.json @@ -0,0 +1,99 @@ +{ + "basics": { + "name": "Ryne Stagen", + "label": "Student", + "picture": "https://github.com/Senyr.png", + "email": "rynestagen@gmail.com", + "phone": "808-123-4444", + "website": "https://Senyr.github.io", + "summary": "I am studying for a B.S. in Computer Science in the Department of Information and Computer Sciences at the University of Hawaii. I expect to graduate in Spring, 2025.", + "location": { "address": "", "postalCode": "96707", "city": "Kapolei", "countryCode": "USA", "region": "Hawaii" }, + "profiles": [ + { "network": "github", "username": "Senyr", "url": "http://github.com/Senyr" }, + { "network": "linkedin", "username": "Ryne Stagen", "url": "https://www.linkedin.com/in/ryne-stagen-403ab7289/" }, + { "network": "twitter", "username": "Senyr", "url": "http://twitter.com/changeme" }, + { "network": "instagram", "username": "Senyr", "url": "http://instagram.com/_Senyr" } + ] + }, + "interests": [ + { "name": "Computer Programming" }, + { "name": "Astronomy" }, + { "name": "Cars" }, + { "name": "Working Out" } + ], + "skills": [ + { + "name": "Languages and Frameworks", + "keywords": [ "C", "C++", "Java", "Javascript, HTMl,"] + }, + { + "name": "Toolsets/OS", + "keywords": [ "MacOS", "Windows", "Git/GitHub"] + } + ], + "education": [ + { + "institution": "University of Hawaii, Honolulu, HI", + "area": "Computer Science (expected Spring, 2025)", + "studyType": "B.S.", + "startDate": "2021-09-01", + "endDate": "Present", + "courses": [ + ] + } + ], + "work": [ + { + "company": "Target", + "position": "Flex Fullfillment", + "website": "", + "startDate": "2020-08-01", + "endDate": "Present", + "summary": "The fulfillment team picks, preps, packs, sorts, and ships products safely, efficiently and effectively to deliver convenience and quality for our guests.", + "highlights": [ + "Experience in retail business fundamentals including: department sales trends, inventory management, and process efficiency and improvement", + "Skills to assess your daily business and utilize tools to determine how to meet digital demand" + ] + }, + ], + "volunteer": [ + { + "organization": "Kroc Center", + "website": "https://kroccenterhawaii.org/kroc-hawaii/", + "position": "Helper", + "startDate": "2018-01-15", + "endDate": "2018-01-17", + "summary": "Helping the community and picking up trash around and at Kapolei High School", + "highlights": [ + "Making the community a cleaner place", + "Working with others to achieve a common goal" + ] + }, + { + "organization": "Kapolei High School", + "website": "https://www.kapoleihigh.org/", + "position": "Internship", + "startDate": "2020-03-15", + "endDate": "2020-03-19", + "summary": "Helped and learned construction work for the Makakilo Elementary School", + "highlights": [ + "Making a better environment for kids", + "Learning new skills", + "Working as a team" + ] + } + ], + "awards": [ + { + "title": "CTE Honors", + "date": "2021", + "awarder": "Kapolei High School", + "summary": "Awarded to those who completed the CTE Honors project." + } + ], + "references": [ + { + "name": "Available upon request" + } + ] +} diff --git a/css/rouge/base16.css b/css/rouge/base16.css new file mode 100644 index 0000000..8a39932 --- /dev/null +++ b/css/rouge/base16.css @@ -0,0 +1,77 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #303030; +} +.highlight .err { + color: #151515; + background-color: #ac4142; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #505050; +} +.highlight .cp { + color: #f4bf75; +} +.highlight .nt { + color: #f4bf75; +} +.highlight .o, .highlight .ow { + color: #d0d0d0; +} +.highlight .p, .highlight .pi { + color: #d0d0d0; +} +.highlight .gi { + color: #90a959; +} +.highlight .gd { + color: #ac4142; +} +.highlight .gh { + color: #6a9fb5; + background-color: #151515; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #aa759f; +} +.highlight .kc { + color: #d28445; +} +.highlight .kt { + color: #d28445; +} +.highlight .kd { + color: #d28445; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #90a959; +} +.highlight .sr { + color: #75b5aa; +} +.highlight .si { + color: #8f5536; +} +.highlight .se { + color: #8f5536; +} +.highlight .nn { + color: #f4bf75; +} +.highlight .nc { + color: #f4bf75; +} +.highlight .no { + color: #f4bf75; +} +.highlight .na { + color: #6a9fb5; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #90a959; +} +.highlight .ss { + color: #90a959; +} diff --git a/css/rouge/base16.dark.css b/css/rouge/base16.dark.css new file mode 100644 index 0000000..b0d05ee --- /dev/null +++ b/css/rouge/base16.dark.css @@ -0,0 +1,78 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #d0d0d0; + background-color: #151515; +} +.highlight .err { + color: #151515; + background-color: #ac4142; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #505050; +} +.highlight .cp { + color: #f4bf75; +} +.highlight .nt { + color: #f4bf75; +} +.highlight .o, .highlight .ow { + color: #d0d0d0; +} +.highlight .p, .highlight .pi { + color: #d0d0d0; +} +.highlight .gi { + color: #90a959; +} +.highlight .gd { + color: #ac4142; +} +.highlight .gh { + color: #6a9fb5; + background-color: #151515; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #aa759f; +} +.highlight .kc { + color: #d28445; +} +.highlight .kt { + color: #d28445; +} +.highlight .kd { + color: #d28445; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #90a959; +} +.highlight .sr { + color: #75b5aa; +} +.highlight .si { + color: #8f5536; +} +.highlight .se { + color: #8f5536; +} +.highlight .nn { + color: #f4bf75; +} +.highlight .nc { + color: #f4bf75; +} +.highlight .no { + color: #f4bf75; +} +.highlight .na { + color: #6a9fb5; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #90a959; +} +.highlight .ss { + color: #90a959; +} diff --git a/css/rouge/base16.light.css b/css/rouge/base16.light.css new file mode 100644 index 0000000..8a39932 --- /dev/null +++ b/css/rouge/base16.light.css @@ -0,0 +1,77 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #303030; +} +.highlight .err { + color: #151515; + background-color: #ac4142; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #505050; +} +.highlight .cp { + color: #f4bf75; +} +.highlight .nt { + color: #f4bf75; +} +.highlight .o, .highlight .ow { + color: #d0d0d0; +} +.highlight .p, .highlight .pi { + color: #d0d0d0; +} +.highlight .gi { + color: #90a959; +} +.highlight .gd { + color: #ac4142; +} +.highlight .gh { + color: #6a9fb5; + background-color: #151515; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #aa759f; +} +.highlight .kc { + color: #d28445; +} +.highlight .kt { + color: #d28445; +} +.highlight .kd { + color: #d28445; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #90a959; +} +.highlight .sr { + color: #75b5aa; +} +.highlight .si { + color: #8f5536; +} +.highlight .se { + color: #8f5536; +} +.highlight .nn { + color: #f4bf75; +} +.highlight .nc { + color: #f4bf75; +} +.highlight .no { + color: #f4bf75; +} +.highlight .na { + color: #6a9fb5; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #90a959; +} +.highlight .ss { + color: #90a959; +} diff --git a/css/rouge/base16.solarized.css b/css/rouge/base16.solarized.css new file mode 100644 index 0000000..009bb21 --- /dev/null +++ b/css/rouge/base16.solarized.css @@ -0,0 +1,77 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #586e75; +} +.highlight .err { + color: #002b36; + background-color: #dc322f; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #657b83; +} +.highlight .cp { + color: #b58900; +} +.highlight .nt { + color: #b58900; +} +.highlight .o, .highlight .ow { + color: #93a1a1; +} +.highlight .p, .highlight .pi { + color: #93a1a1; +} +.highlight .gi { + color: #859900; +} +.highlight .gd { + color: #dc322f; +} +.highlight .gh { + color: #268bd2; + background-color: #002b36; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #6c71c4; +} +.highlight .kc { + color: #cb4b16; +} +.highlight .kt { + color: #cb4b16; +} +.highlight .kd { + color: #cb4b16; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #859900; +} +.highlight .sr { + color: #2aa198; +} +.highlight .si { + color: #d33682; +} +.highlight .se { + color: #d33682; +} +.highlight .nn { + color: #b58900; +} +.highlight .nc { + color: #b58900; +} +.highlight .no { + color: #b58900; +} +.highlight .na { + color: #268bd2; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #859900; +} +.highlight .ss { + color: #859900; +} diff --git a/css/rouge/colorful.css b/css/rouge/colorful.css new file mode 100644 index 0000000..f14450b --- /dev/null +++ b/css/rouge/colorful.css @@ -0,0 +1,170 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #bbbbbb; + background-color: #000; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1 { + color: #888; +} +.highlight .cp { + color: #579; +} +.highlight .cs { + color: #cc0000; + font-weight: bold; +} +.highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kr, .highlight .kv { + color: #080; + font-weight: bold; +} +.highlight .kp { + color: #038; +} +.highlight .kt { + color: #339; +} +.highlight .o { + color: #333; +} +.highlight .ow { + color: #000; + font-weight: bold; +} +.highlight .nb, .highlight .bp { + color: #007020; +} +.highlight .nf { + color: #06B; + font-weight: bold; +} +.highlight .nc { + color: #B06; + font-weight: bold; +} +.highlight .nn { + color: #0e84b5; + font-weight: bold; +} +.highlight .ne { + color: #F00; + font-weight: bold; +} +.highlight .nv { + color: #963; +} +.highlight .vi { + color: #33B; +} +.highlight .vc { + color: #369; +} +.highlight .vg { + color: #d70; + font-weight: bold; +} +.highlight .no { + color: #036; + font-weight: bold; +} +.highlight .nl { + color: #970; + font-weight: bold; +} +.highlight .ni { + color: #800; + font-weight: bold; +} +.highlight .na { + color: #00C; +} +.highlight .nt { + color: #070; +} +.highlight .nd { + color: #555; + font-weight: bold; +} +.highlight .s, .highlight .sb, .highlight .s2, .highlight .sh, .highlight .s1 { + background-color: #fff0f0; +} +.highlight .sc { + color: #04D; +} +.highlight .sd { + color: #D42; +} +.highlight .si { + background-color: #eee; +} +.highlight .se { + color: #666; + font-weight: bold; +} +.highlight .sr { + color: #000; + background-color: #fff0ff; +} +.highlight .ss { + color: #A60; +} +.highlight .sx { + color: #D20; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #60E; + font-weight: bold; +} +.highlight .mi, .highlight .il { + color: #00D; + font-weight: bold; +} +.highlight .mf { + color: #60E; + font-weight: bold; +} +.highlight .mh { + color: #058; + font-weight: bold; +} +.highlight .mo { + color: #40E; + font-weight: bold; +} +.highlight .gh { + color: #000080; + font-weight: bold; +} +.highlight .gu { + color: #800080; + font-weight: bold; +} +.highlight .gd { + color: #A00000; +} +.highlight .gi { + color: #00A000; +} +.highlight .gr { + color: #FF0000; +} +.highlight .ge { + font-style: italic; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gp { + color: #c65d09; + font-weight: bold; +} +.highlight .go { + color: #888; +} +.highlight .gt { + color: #04D; +} +.highlight .err { + color: #F00; + background-color: #FAA; +} diff --git a/css/rouge/github.css b/css/rouge/github.css new file mode 100644 index 0000000..daf76ad --- /dev/null +++ b/css/rouge/github.css @@ -0,0 +1,209 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight .cm { + color: #999988; + font-style: italic; +} +.highlight .cp { + color: #999999; + font-weight: bold; +} +.highlight .c1 { + color: #999988; + font-style: italic; +} +.highlight .cs { + color: #999999; + font-weight: bold; + font-style: italic; +} +.highlight .c, .highlight .cd { + color: #999988; + font-style: italic; +} +.highlight .err { + color: #a61717; + background-color: #e3d2d2; +} +.highlight .gd { + color: #000000; + background-color: #ffdddd; +} +.highlight .ge { + color: #000000; + font-style: italic; +} +.highlight .gr { + color: #aa0000; +} +.highlight .gh { + color: #999999; +} +.highlight .gi { + color: #000000; + background-color: #ddffdd; +} +.highlight .go { + color: #888888; +} +.highlight .gp { + color: #555555; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gu { + color: #aaaaaa; +} +.highlight .gt { + color: #aa0000; +} +.highlight .kc { + color: #000000; + font-weight: bold; +} +.highlight .kd { + color: #000000; + font-weight: bold; +} +.highlight .kn { + color: #000000; + font-weight: bold; +} +.highlight .kp { + color: #000000; + font-weight: bold; +} +.highlight .kr { + color: #000000; + font-weight: bold; +} +.highlight .kt { + color: #445588; + font-weight: bold; +} +.highlight .k, .highlight .kv { + color: #000000; + font-weight: bold; +} +.highlight .mf { + color: #009999; +} +.highlight .mh { + color: #009999; +} +.highlight .il { + color: #009999; +} +.highlight .mi { + color: #009999; +} +.highlight .mo { + color: #009999; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #009999; +} +.highlight .sb { + color: #d14; +} +.highlight .sc { + color: #d14; +} +.highlight .sd { + color: #d14; +} +.highlight .s2 { + color: #d14; +} +.highlight .se { + color: #d14; +} +.highlight .sh { + color: #d14; +} +.highlight .si { + color: #d14; +} +.highlight .sx { + color: #d14; +} +.highlight .sr { + color: #009926; +} +.highlight .s1 { + color: #d14; +} +.highlight .ss { + color: #990073; +} +.highlight .s { + color: #d14; +} +.highlight .na { + color: #008080; +} +.highlight .bp { + color: #999999; +} +.highlight .nb { + color: #0086B3; +} +.highlight .nc { + color: #445588; + font-weight: bold; +} +.highlight .no { + color: #008080; +} +.highlight .nd { + color: #3c5d5d; + font-weight: bold; +} +.highlight .ni { + color: #800080; +} +.highlight .ne { + color: #990000; + font-weight: bold; +} +.highlight .nf { + color: #990000; + font-weight: bold; +} +.highlight .nl { + color: #990000; + font-weight: bold; +} +.highlight .nn { + color: #555555; +} +.highlight .nt { + color: #000080; +} +.highlight .vc { + color: #008080; +} +.highlight .vg { + color: #008080; +} +.highlight .vi { + color: #008080; +} +.highlight .nv { + color: #008080; +} +.highlight .ow { + color: #000000; + font-weight: bold; +} +.highlight .o { + color: #000000; + font-weight: bold; +} +.highlight .w { + color: #bbbbbb; +} +.highlight { + background-color: #f8f8f8; +} diff --git a/css/rouge/gruvbox.css b/css/rouge/gruvbox.css new file mode 100644 index 0000000..cb5f589 --- /dev/null +++ b/css/rouge/gruvbox.css @@ -0,0 +1,84 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #fbf1c7; + background-color: #282828; +} +.highlight .err { + color: #fb4934; + background-color: #282828; + font-weight: bold; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #928374; + font-style: italic; +} +.highlight .cp { + color: #8ec07c; +} +.highlight .nt { + color: #fb4934; +} +.highlight .o, .highlight .ow { + color: #fbf1c7; +} +.highlight .p, .highlight .pi { + color: #fbf1c7; +} +.highlight .gi { + color: #b8bb26; + background-color: #282828; +} +.highlight .gd { + color: #fb4934; + background-color: #282828; +} +.highlight .gh { + color: #b8bb26; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #fb4934; +} +.highlight .kc { + color: #d3869b; +} +.highlight .kt { + color: #fabd2f; +} +.highlight .kd { + color: #fe8019; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #b8bb26; + font-style: italic; +} +.highlight .si { + color: #b8bb26; + font-style: italic; +} +.highlight .sr { + color: #b8bb26; + font-style: italic; +} +.highlight .se { + color: #fe8019; +} +.highlight .nn { + color: #8ec07c; +} +.highlight .nc { + color: #8ec07c; +} +.highlight .no { + color: #d3869b; +} +.highlight .na { + color: #b8bb26; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #d3869b; +} +.highlight .ss { + color: #83a598; +} diff --git a/css/rouge/igorpro.css b/css/rouge/igorpro.css new file mode 100644 index 0000000..43ad717 --- /dev/null +++ b/css/rouge/igorpro.css @@ -0,0 +1,32 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #444444; +} +.highlight .cp { + color: #CC00A3; +} +.highlight .cs { + color: #CC00A3; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1 { + color: #FF0000; +} +.highlight .kc { + color: #C34E00; +} +.highlight .kd { + color: #0000FF; +} +.highlight .kr { + color: #007575; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kt, .highlight .kv { + color: #0000FF; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .s1, .highlight .ss { + color: #009C00; +} +.highlight .nb, .highlight .bp { + color: #C34E00; +} diff --git a/css/rouge/molokai.css b/css/rouge/molokai.css new file mode 100644 index 0000000..535376b --- /dev/null +++ b/css/rouge/molokai.css @@ -0,0 +1,208 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight .c, .highlight .cd { + color: #5e5d83; + font-style: italic; +} +.highlight .cm { + color: #5e5d83; + font-style: italic; +} +.highlight .c1 { + color: #5e5d83; + font-style: italic; +} +.highlight .cp { + color: #465457; + font-weight: bold; +} +.highlight .cs { + color: #465457; + font-weight: bold; + font-style: italic; +} +.highlight .err { + color: #f8f8f2; + background-color: #403d3d; +} +.highlight .gi { + color: #a6e22e; +} +.highlight .gd { + color: #f92672; +} +.highlight .ge { + color: #1b1d1e; + font-style: italic; +} +.highlight .gr { + color: #f92672; +} +.highlight .gt { + color: #f92672; +} +.highlight .gh { + color: #403d3d; +} +.highlight .go { + color: #403d3d; +} +.highlight .gp { + color: #66d9ef; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gu { + color: #465457; +} +.highlight .k, .highlight .kv { + color: #66d9ef; + font-weight: bold; +} +.highlight .kc { + color: #66d9ef; + font-weight: bold; +} +.highlight .kd { + color: #66d9ef; + font-weight: bold; +} +.highlight .kp { + color: #66d9ef; + font-weight: bold; +} +.highlight .kr { + color: #66d9ef; + font-weight: bold; +} +.highlight .kt { + color: #66d9ef; + font-weight: bold; +} +.highlight .kn { + color: #f92672; + font-weight: bold; +} +.highlight .ow { + color: #f92672; + font-weight: bold; +} +.highlight .o { + color: #f92672; + font-weight: bold; +} +.highlight .mf { + color: #af87ff; +} +.highlight .mh { + color: #af87ff; +} +.highlight .il { + color: #af87ff; +} +.highlight .mi { + color: #af87ff; +} +.highlight .mo { + color: #af87ff; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #af87ff; +} +.highlight .se { + color: #af87ff; +} +.highlight .sb { + color: #d7d787; +} +.highlight .sc { + color: #d7d787; +} +.highlight .sd { + color: #d7d787; +} +.highlight .s2 { + color: #d7d787; +} +.highlight .sh { + color: #d7d787; +} +.highlight .si { + color: #d7d787; +} +.highlight .sx { + color: #d7d787; +} +.highlight .sr { + color: #d7d787; +} +.highlight .s1 { + color: #d7d787; +} +.highlight .ss { + color: #d7d787; +} +.highlight .s { + color: #d7d787; +} +.highlight .na { + color: #a6e22e; +} +.highlight .nc { + color: #a6e22e; + font-weight: bold; +} +.highlight .nd { + color: #a6e22e; + font-weight: bold; +} +.highlight .ne { + color: #a6e22e; + font-weight: bold; +} +.highlight .nf { + color: #a6e22e; + font-weight: bold; +} +.highlight .no { + color: #66d9ef; +} +.highlight .bp { + color: #f8f8f2; +} +.highlight .nb { + color: #f8f8f2; +} +.highlight .ni { + color: #f8f8f2; +} +.highlight .nn { + color: #f8f8f2; +} +.highlight .vc { + color: #f8f8f2; +} +.highlight .vg { + color: #f8f8f2; +} +.highlight .vi { + color: #f8f8f2; +} +.highlight .nv { + color: #f8f8f2; +} +.highlight .w { + color: #f8f8f2; +} +.highlight .nl { + color: #f8f8f2; + font-weight: bold; +} +.highlight .nt { + color: #f92672; +} +.highlight { + color: #f8f8f2; + background-color: #1b1d1e; +} diff --git a/css/rouge/monokai.css b/css/rouge/monokai.css new file mode 100644 index 0000000..854cfb8 --- /dev/null +++ b/css/rouge/monokai.css @@ -0,0 +1,210 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight .c, .highlight .cd { + color: #75715e; + font-style: italic; +} +.highlight .cm { + color: #75715e; + font-style: italic; +} +.highlight .c1 { + color: #75715e; + font-style: italic; +} +.highlight .cp { + color: #75715e; + font-weight: bold; +} +.highlight .cs { + color: #75715e; + font-weight: bold; + font-style: italic; +} +.highlight .err { + color: #960050; + background-color: #1e0010; +} +.highlight .gi { + color: #ffffff; + background-color: #324932; +} +.highlight .gd { + color: #ffffff; + background-color: #493131; +} +.highlight .ge { + color: #000000; + font-style: italic; +} +.highlight .gr { + color: #aa0000; +} +.highlight .gt { + color: #aa0000; +} +.highlight .gh { + color: #999999; +} +.highlight .go { + color: #888888; +} +.highlight .gp { + color: #555555; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gu { + color: #aaaaaa; +} +.highlight .k, .highlight .kv { + color: #66d9ef; + font-weight: bold; +} +.highlight .kc { + color: #66d9ef; + font-weight: bold; +} +.highlight .kd { + color: #66d9ef; + font-weight: bold; +} +.highlight .kp { + color: #66d9ef; + font-weight: bold; +} +.highlight .kr { + color: #66d9ef; + font-weight: bold; +} +.highlight .kt { + color: #66d9ef; + font-weight: bold; +} +.highlight .kn { + color: #f92672; + font-weight: bold; +} +.highlight .ow { + color: #f92672; + font-weight: bold; +} +.highlight .o { + color: #f92672; + font-weight: bold; +} +.highlight .mf { + color: #ae81ff; +} +.highlight .mh { + color: #ae81ff; +} +.highlight .il { + color: #ae81ff; +} +.highlight .mi { + color: #ae81ff; +} +.highlight .mo { + color: #ae81ff; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #ae81ff; +} +.highlight .se { + color: #ae81ff; +} +.highlight .sb { + color: #e6db74; +} +.highlight .sc { + color: #e6db74; +} +.highlight .sd { + color: #e6db74; +} +.highlight .s2 { + color: #e6db74; +} +.highlight .sh { + color: #e6db74; +} +.highlight .si { + color: #e6db74; +} +.highlight .sx { + color: #e6db74; +} +.highlight .sr { + color: #e6db74; +} +.highlight .s1 { + color: #e6db74; +} +.highlight .ss { + color: #e6db74; +} +.highlight .s { + color: #e6db74; +} +.highlight .na { + color: #a6e22e; +} +.highlight .nc { + color: #a6e22e; + font-weight: bold; +} +.highlight .nd { + color: #a6e22e; + font-weight: bold; +} +.highlight .ne { + color: #a6e22e; + font-weight: bold; +} +.highlight .nf { + color: #a6e22e; + font-weight: bold; +} +.highlight .no { + color: #66d9ef; +} +.highlight .bp { + color: #f8f8f2; +} +.highlight .nb { + color: #f8f8f2; +} +.highlight .ni { + color: #f8f8f2; +} +.highlight .nn { + color: #f8f8f2; +} +.highlight .vc { + color: #f8f8f2; +} +.highlight .vg { + color: #f8f8f2; +} +.highlight .vi { + color: #f8f8f2; +} +.highlight .nv { + color: #f8f8f2; +} +.highlight .w { + color: #f8f8f2; +} +.highlight .nl { + color: #f8f8f2; + font-weight: bold; +} +.highlight .nt { + color: #f92672; +} +.highlight { + color: #f8f8f2; + background-color: #49483e; +} diff --git a/css/rouge/thankful_eyes.css b/css/rouge/thankful_eyes.css new file mode 100644 index 0000000..bfa0b66 --- /dev/null +++ b/css/rouge/thankful_eyes.css @@ -0,0 +1,173 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight { + color: #faf6e4; + background-color: #122b3b; +} +.highlight .gl { + color: #dee5e7; + background-color: #4e5d62; +} +.highlight .gp { + color: #a8e1fe; + font-weight: bold; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #6c8b9f; + font-style: italic; +} +.highlight .cp { + color: #b2fd6d; + font-weight: bold; + font-style: italic; +} +.highlight .err { + color: #fefeec; + background-color: #cc0000; +} +.highlight .gr { + color: #cc0000; + font-weight: bold; + font-style: italic; +} +.highlight .k, .highlight .kd, .highlight .kv { + color: #f6dd62; + font-weight: bold; +} +.highlight .o, .highlight .ow { + color: #4df4ff; + font-weight: bold; +} +.highlight .p, .highlight .pi { + color: #4df4ff; +} +.highlight .gd { + color: #cc0000; +} +.highlight .gi { + color: #b2fd6d; +} +.highlight .ge { + font-style: italic; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gt { + color: #dee5e7; + background-color: #4e5d62; +} +.highlight .kc { + color: #f696db; + font-weight: bold; +} +.highlight .kn { + color: #ffb000; + font-weight: bold; +} +.highlight .kp { + color: #ffb000; + font-weight: bold; +} +.highlight .kr { + color: #ffb000; + font-weight: bold; +} +.highlight .gh { + color: #ffb000; + font-weight: bold; +} +.highlight .gu { + color: #ffb000; + font-weight: bold; +} +.highlight .kt { + color: #b2fd6d; + font-weight: bold; +} +.highlight .no { + color: #b2fd6d; + font-weight: bold; +} +.highlight .nc { + color: #b2fd6d; + font-weight: bold; +} +.highlight .nd { + color: #b2fd6d; + font-weight: bold; +} +.highlight .nn { + color: #b2fd6d; + font-weight: bold; +} +.highlight .bp { + color: #b2fd6d; + font-weight: bold; +} +.highlight .ne { + color: #b2fd6d; + font-weight: bold; +} +.highlight .nl { + color: #ffb000; + font-weight: bold; +} +.highlight .nt { + color: #ffb000; + font-weight: bold; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #f696db; + font-weight: bold; +} +.highlight .ld { + color: #f696db; + font-weight: bold; +} +.highlight .ss { + color: #f696db; + font-weight: bold; +} +.highlight .s, .highlight .sb, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .sr, .highlight .s1 { + color: #fff0a6; + font-weight: bold; +} +.highlight .se { + color: #4df4ff; + font-weight: bold; +} +.highlight .sc { + color: #4df4ff; + font-weight: bold; +} +.highlight .si { + color: #4df4ff; + font-weight: bold; +} +.highlight .nb { + font-weight: bold; +} +.highlight .ni { + color: #999999; + font-weight: bold; +} +.highlight .w { + color: #BBBBBB; +} +.highlight .go { + color: #BBBBBB; +} +.highlight .nf { + color: #a8e1fe; +} +.highlight .py { + color: #a8e1fe; +} +.highlight .na { + color: #a8e1fe; +} +.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi { + color: #a8e1fe; + font-weight: bold; +} diff --git a/css/rouge/tulip.css b/css/rouge/tulip.css new file mode 100644 index 0000000..4664fac --- /dev/null +++ b/css/rouge/tulip.css @@ -0,0 +1,164 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight { + color: #FFFFFF; + background-color: #231529; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #6D6E70; + font-style: italic; +} +.highlight .cp { + color: #41ff5b; + font-weight: bold; + font-style: italic; +} +.highlight .err { + color: #FFFFFF; + background-color: #CC0000; +} +.highlight .gr { + color: #FFFFFF; + background-color: #CC0000; +} +.highlight .k, .highlight .kd, .highlight .kv { + color: #FFF02A; + font-weight: bold; +} +.highlight .o, .highlight .ow { + color: #41ff5b; +} +.highlight .p, .highlight .pi { + color: #41ff5b; +} +.highlight .gd { + color: #CC0000; +} +.highlight .gi { + color: #3FB34F; +} +.highlight .ge { + font-style: italic; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gt { + color: #FFFFFF; + background-color: #766DAF; +} +.highlight .gl { + color: #FFFFFF; + background-color: #766DAF; +} +.highlight .kc { + color: #9f93e6; + font-weight: bold; +} +.highlight .kn { + color: #FFFFFF; + font-weight: bold; +} +.highlight .kp { + color: #FFFFFF; + font-weight: bold; +} +.highlight .kr { + color: #FFFFFF; + font-weight: bold; +} +.highlight .gh { + color: #FFFFFF; + font-weight: bold; +} +.highlight .gu { + color: #FFFFFF; + font-weight: bold; +} +.highlight .kt { + color: #FAAF4C; + font-weight: bold; +} +.highlight .no { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nc { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nd { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nn { + color: #FAAF4C; + font-weight: bold; +} +.highlight .bp { + color: #FAAF4C; + font-weight: bold; +} +.highlight .ne { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nl { + color: #9f93e6; + font-weight: bold; +} +.highlight .nt { + color: #9f93e6; + font-weight: bold; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #9f93e6; + font-weight: bold; +} +.highlight .ld { + color: #9f93e6; + font-weight: bold; +} +.highlight .ss { + color: #9f93e6; + font-weight: bold; +} +.highlight .s, .highlight .sb, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .sr, .highlight .s1 { + color: #fff0a6; + font-weight: bold; +} +.highlight .se { + color: #FAAF4C; + font-weight: bold; +} +.highlight .sc { + color: #FAAF4C; + font-weight: bold; +} +.highlight .si { + color: #FAAF4C; + font-weight: bold; +} +.highlight .nb { + font-weight: bold; +} +.highlight .ni { + color: #999999; + font-weight: bold; +} +.highlight .w { + color: #BBBBBB; +} +.highlight .nf { + color: #41ff5b; +} +.highlight .py { + color: #41ff5b; +} +.highlight .na { + color: #41ff5b; +} +.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi { + color: #41ff5b; + font-weight: bold; +} diff --git a/css/techfolio-theme/bitter.css b/css/techfolio-theme/bitter.css new file mode 100644 index 0000000..f9551ca --- /dev/null +++ b/css/techfolio-theme/bitter.css @@ -0,0 +1,39 @@ +/* Bitter Theme: modifies the default theme to use Bitter as the default font. */ + +@import url("https://fonts.googleapis.com/css?family=Bitter:300,400,500,700|Source+Code+Pro:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --bs-font-sans-serif: "Bitter", sans-serif; + --bs-link-color: var(--bs-blue); + --tf-pill-bg: var(--bs-gray); + --tf-icon-fill: var(--bs-gray); + --tf-icon-hover: var(--bs-gray-500); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--bs-gray-200); + --tf-projects-bg-color: var(--bs-gray-100); +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-icon-fill); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +/* Simplify the styling of the bottom of Essay cards. */ +.card-footer { + background-color: var(--bs-white); + border-top: none; +} diff --git a/css/techfolio-theme/default.css b/css/techfolio-theme/default.css new file mode 100644 index 0000000..302505c --- /dev/null +++ b/css/techfolio-theme/default.css @@ -0,0 +1,40 @@ +/* Default theme. Simple, yet elegant. */ + +/* Use Open Sans as the default sans serif font. */ +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Source+Code+Pro:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --bs-font-sans-serif: "Open Sans", sans-serif; + --bs-link-color: var(--bs-blue); + --tf-pill-bg: var(--bs-gray); + --tf-icon-fill: var(--bs-gray); + --tf-icon-hover: var(--bs-gray-500); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--bs-gray-200); + --tf-projects-bg-color: var(--bs-gray-100); +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-icon-fill); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +/* Simplify the styling of the bottom of Essay cards. */ +.card-footer { + background-color: var(--bs-white); + border-top: none; +} diff --git a/css/techfolio-theme/lime.css b/css/techfolio-theme/lime.css new file mode 100644 index 0000000..8a20412 --- /dev/null +++ b/css/techfolio-theme/lime.css @@ -0,0 +1,48 @@ +/* Lime Theme: modifies the default theme to inject a wee bit o' green in various places. */ + +/* Use Open Sans as the default font. */ +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Source+Code+Pro:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --tf-green1: #136c14; + --tf-green2: #4FA64F; + --tf-green3: #85C285; + --tf-green4: #e0f2df; + --bs-font-sans-serif: "Open Sans", sans-serif; + --bs-link-color: var(--tf-green1); + --tf-pill-bg: var(--tf-green3); + --tf-icon-fill: var(--tf-green1); + --tf-icon-hover: var(--tf-green2); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--tf-green4); + --tf-projects-bg-color: var(--tf-green4); +} + +h1,h2,h3,h4,h5 { + color: var(--tf-green1); +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-green1); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +/* Simplify the styling of the bottom of Essay cards. */ +.card-footer { + background-color: var(--bs-white); + border-top: none; +} diff --git a/css/techfolio-theme/rubik.css b/css/techfolio-theme/rubik.css new file mode 100644 index 0000000..bca1687 --- /dev/null +++ b/css/techfolio-theme/rubik.css @@ -0,0 +1,45 @@ +/* Rubik Theme: modifies the default theme to use the chunkier Rubik for the header fonts. */ + +/* Use Open Sans as the default font and Roboto for headlines */ +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Source+Code+Pro:300,400,500,700"); +@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --bs-font-sans-serif: "Open Sans", sans-serif; + --bs-link-color: var(--bs-blue); + --tf-pill-bg: var(--bs-gray); + --tf-icon-fill: var(--bs-gray); + --tf-icon-hover: var(--bs-gray-500); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--bs-gray-200); + --tf-projects-bg-color: var(--bs-gray-100); +} + +h1,h2,h3,h4,h5 { + font-family: Rubik; +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-icon-fill); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +/* Simplify the styling of the bottom of Essay cards. */ +.card-footer { + background-color: var(--bs-white); + border-top: none; +} diff --git a/css/techfolio-theme/skyblue.css b/css/techfolio-theme/skyblue.css new file mode 100644 index 0000000..bd5c60e --- /dev/null +++ b/css/techfolio-theme/skyblue.css @@ -0,0 +1,50 @@ +/* Skyblue Theme: modifies the default theme to use blue in various places. */ + +/* Use Open Sans as the default font. */ +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Source+Code+Pro:300,400,500,700"); +@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700"); + +/* See https://getbootstrap.com/docs/5.2/customize/css-variables/#root-variables for variables to override. */ +:root { + --tf-blue1: #076db3; + --tf-blue2: #1b6fa9; + --tf-blue3: #2f8ed0; + --tf-blue4: #bde3f0; + --bs-font-sans-serif: "Open Sans", sans-serif; + --bs-link-color: var(--tf-blue1); + --tf-pill-bg: var(--tf-blue3); + --tf-icon-fill: var(--tf-blue1); + --tf-icon-hover: var(--tf-blue3); + --tf-page-bg-color: var(--bs-white); + --tf-footer-bg-color: var(--tf-blue4); + --tf-projects-bg-color: var(--tf-blue4); +} + +h1,h2,h3,h4,h5 { + color: var(--tf-blue1); + font-family: Rubik; +} + +/* Format social media icons */ +.tf-social { + display: inline-block; + fill: var(--tf-blue1); + height: 1.5em; + vertical-align: -.1em; + width: 1.5em; + transition: 0.2s; +} + +.tf-social:hover { + fill: var(--tf-icon-hover); +} + +a { + text-decoration: none; +} + +.rounded-circle { + border-color: var(--tf-blue1); + border-style: solid; + border-width: 1px; +} diff --git a/essays/CodingStandards.html b/essays/CodingStandards.html new file mode 100644 index 0000000..ac82aec --- /dev/null +++ b/essays/CodingStandards.html @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + + + + + + + + + + Coding Standards | Ryne Stagen | Professional Portfolio + + + + +
+

Coding Standards

+ 20 Sep 2023 +
+

The Importance of Coding Standards

+ +

When it comes to coding standards, everyone has their own opinion. Some wonder if these rules and guidelines truly help us write better code. In my personal view, coding standards may not directly improve the functionality of our code, but +they play a crucial role in making our code look presentable and easy to understand. This is important for several reasons. Think of it like decorating a delicious meal at a restaurant; even though the taste matters most, the presentation +enhances the overall experience.

+ +

Coding standards are akin to a set of guidelines that instruct us on how to write our code neatly and consistently. While they might not make our code work better, they make it significantly easier to read and work with. Here are some key +reasons why coding standards matter. Coding standards serve multiple essential purposes in software development. Firstly, they significantly enhance code readability, creating an experience similar to reading a well-structured book where +everything makes sense, thereby easing bug fixes and troubleshooting. Secondly, in collaborative projects, adherence to coding standards ensures that everyone speaks the same coding language, promoting seamless understanding and teamwork +among developers. Additionally, coding standards act as a shield against errors, offering clear rules for variable naming and code formatting, reducing the likelihood of small mistakes causing significant issues. Lastly, they serve as +valuable learning tools, similar to following a recipe to master cooking, aiding in understanding programming languages’ grammar and vocabulary, ultimately cultivating more skilled coders.

+ +
+ +
+ +

During my initial week of utilizing ESLint in collaboration with IntelliJ, I encountered a few challenges. ESLint functions as an assistant, verifying if your code aligns with the coding standards. When you achieve that green checkmark, it +symbolizes that you are effectively following the rules. However, attaining this green checkmark can prove to be quite demanding. ESLint’s strict nature, along with its somewhat tedious setup process, can be a bit of a frustration. +Personally, I had mixed feelings about the setup since it involves downloading multiple files, which I found to be a bit tedious. Nevertheless, despite the setup inconveniences, the core purpose of ESLint as a valuable coding aid shines +through, simplifying the coding process and enhancing code quality when used effectively.

+ +

Coding standards certainly have an indirect impact on code quality; though the code still runs, following coding standards makes it significantly easier to write the code and detect issues. It might help to insert a picture, perhaps of +ESLint highlighting violations of our coding standards. We will go over a more convenient means of handling the sample.* files later in the semester.

+ + +
+ + + + + + + diff --git a/essays/DesignPatterns.html b/essays/DesignPatterns.html new file mode 100644 index 0000000..093cfc3 --- /dev/null +++ b/essays/DesignPatterns.html @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + Musical Code | Ryne Stagen | Professional Portfolio + + + + +
+

Musical Code

+ 29 Nov 2023 +
+
+ +
+ +

In my coding experiences, I envision each project as a musical piece, where every part harmonizes to create a beautiful composition. Design patterns, in this analogy, are akin to musical notes and arrangements that guide me in creating software that’s not just functional but also fashionable. It’s as if the code I create is a symphony, and these design patterns are the melodies ensuring everything fits together smoothly.

+ +

What are Design Patterns?: Coded Melodies

+

Design patterns act like well-known solutions in coding that have been proven to be efficient for a long period of time, much like using familiar tunes or musical themes in songs. An example is the singleton pattern, which organizes code to ensure there’s only one instance of something, similar to a specific melody repeating throughout a song. Using these patterns feels like relying on trusted methods that I know work well, creating clear and efficient code.

+ +

How I Use Them in My Code: Guiding Harmony

+

In my coding experiences, especially in my final project for ICS 314, design patterns have been my trusted guidelines. I employed the Observer pattern implicitly through the useTracker hook, acting as a potent part in my code symphony. In the project, I applied it to make different parts work in unison, much like instruments syncing up with a conductor, ensuring all pieces work together smoothly. As a developer, this experience showed me how using these patterns makes code strong and efficient. It’s like having a set of reliable tools in your toolbox for building things that work really well.

+ +

Another pattern at my disposal is the Bridge pattern, connecting the form schema with the form library in one of my components. It’s like creating a coherent link between different musical sections, ensuring the harmony of data exchange. This pattern, much like a musical bridge uniting two melodies, facilitated a smooth interaction between the form structure and the rendering library, enhancing the overall composition of my coding symphony. Its influence wasn’t just helpful in the current project; it also adds for future improvements. This highlights how picking the right design patterns can be essential in your box of tools.

+ +

The Grand Finale

+

In the final stage of creating my software, the significance of design patterns becomes clearer. They’re not just abstract concepts; they act like musical notations transforming my code into a well-structured composition. Through patterns like Observer and Bridge, I’ve crafted a system that works in unison effectively. As a developer, I see myself as the composer of my digital creations, and design patterns are like my musical notes. They help me craft software that’s intricate yet easy to understand, adding a touch of classiness. So, when an interviewer brings up design patterns, I can showcase the musical journey that is my code.

+ + +
+ + + + + + + diff --git a/essays/JavaScriptReflection.html b/essays/JavaScriptReflection.html new file mode 100644 index 0000000..1eb8770 --- /dev/null +++ b/essays/JavaScriptReflection.html @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + New Adventures: The Path of JavaScript | Ryne Stagen | Professional Portfolio + + + + +
+

New Adventures: The Path of JavaScript

+ 13 Dec 2023 +
+

JavaScript: A Newcomer’s Adventure

+
+ +JavaScript, to me, is more than just solving an engaging puzzle—it's a delightful challenge that seamlessly intertwines fun with complexity. Drawing from my experience with Java, C, and C++, stepping into the realm of JavaScript felt akin to meeting an old friend. Shared conventions, such as the use of curly braces, semicolons, and handling "Strings," bridged a comforting connection between the languages. Yet, even with a background in Java and C, the journey with JavaScript still unfolds with its fair share of intriguing errors. + +Embracing JavaScript, a relatively new language in my repertoire, brings a profound sense of reassurance due to its striking similarities with Java and C. The shared structures, encompassing aspects like loops and if statements, provide a comforting continuity in my learning journey. As I delved into ICS 314, a captivating revelation surfaced—the introduction of ES6, an upgrade for JavaScript. This enhanced version brought with it fascinating additions like arrow functions, elevating the aesthetics of coding and making the script appear more refined. Additionally, the array manipulation capabilities introduced in ES6 opened doors to intriguing possibilities, allowing for the efficient extraction, addition, and replacement of values. + +The practice Workouts of the Day (WODs) emerge as invaluable exercises in the domain of athletic software engineering. These WODs serve as a robust training ground, replicating the pressures and time constraints inherent in competitive coding scenarios. Beyond refining technical skills, these exercises cultivate the ability to perform under stress, preparing individuals for the dynamic and fast-paced nature of athletic software engineering. They expose practitioners to real-world challenges, encouraging critical thinking and swift coding techniques. + +In the grand scheme, JavaScript reveals itself as a treasure map—a source of excitement with occasional challenges, guiding us to create remarkable things on the web. Despite its nuances, we have an array of tools and helpful resources to assist us along this journey. As my coding knowledge continues to expand, I am confident that JavaScript will find a lasting and cherished place in my heart. + +
+ + +
+ + + + + + + diff --git a/essays/ReflectingOnSoftwateEngineering.html b/essays/ReflectingOnSoftwateEngineering.html new file mode 100644 index 0000000..0835ae7 --- /dev/null +++ b/essays/ReflectingOnSoftwateEngineering.html @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + Beyond Web Dev: Software Engineering Insights | Ryne Stagen | Professional Portfolio + + + + +
+

Beyond Web Dev: Software Engineering Insights

+ 10 Dec 2023 +
+

Diving Deep: Web Development

+

Throughout this software engineering class, I’ve gained insights that go beyond just building web applications. We’ve explored essential concepts that reach into the core of software engineering, like Open Source Software Development, Configuration Management, and Agile Project Management.

+

Collaborative Information

+

Open Source Software Development is all about teamwork and collective problem-solving. It’s not just limited to web applications but extends to any project where shared knowledge and collaboration can drive innovation and efficiency.

+

Configuration Management: Precision in System Changes

+

Configuration Management might sound complex, but it’s essentially about handling changes to a system’s components. +This is relevant not only in web development but in any project, ensuring that changes are implemented smoothly +without causing disruptions. Understanding project management is equally paramount. Project Management provides +the framework for planning, executing, and overseeing the successful completion of a project. It involves +coordinating various elements, managing resources, and ensuring that the project aligns with its objectives. +Proficiency in both Configuration Management and project management is indispensable for delivering high-quality +software solutions on time and within budget.

+ +
+ +
+ +

Agile Project Management, especially the Issue Driven Project Management style we learned, has applications beyond the web. Agile principles emphasize adaptability, teamwork, and iterative progress, making them valuable in managing different kinds of projects. Whether it’s coding or non-coding, Agile can improve responsiveness, communication, and project timelines.

+ +

Universal Importance in Software Engineering

+

Looking at the bigger picture of software engineering, certain principles are universally important. Coding Standards, Design Patterns, and the incorporation of tools like ESLint are crucial regardless of the project type. Coding Standards make code consistent and readable, ensuring maintainability. Design Patterns provide proven solutions to common design problems, making solutions scalable and efficient in various contexts. ESLint, as a code analysis tool, significantly improves the development experience by enforcing coding standards and identifying potential issues early in the process.

+

End of the Journey

+

Considering Ethics in Software Engineering is not just a box to tick but a vital consideration in any project. Ensuring responsible and ethical use of technology is crucial, preventing harm and promoting the positive impact of software engineering on society.

+ +

As I wrap up this course, I realize that what I’ve learned goes way beyond web development. +It’s about understanding collaboration, managing changes systematically, adapting to project needs, and always +considering the ethical implications of our work. This foundation gives me the tools to navigate the diverse +landscape of software engineering, showing how these fundamental concepts are applicable and adaptable in many +different scenarios.

+
+ +
+ + +
+ + + + + + + diff --git a/essays/index.html b/essays/index.html new file mode 100644 index 0000000..fb3a1ea --- /dev/null +++ b/essays/index.html @@ -0,0 +1,169 @@ + + + + + + + + + + + + + + + + + + + + + + + + Essays | Ryne Stagen | Professional Portfolio + + + + +
+
+
+
+

Essays

+
+
+ +
+ + + +
+
+
+
New Adventures: The Path of JavaScript
+

13 Dec 2023

+

JavaScript: A Newcomer’s Adventure JavaScript, to me, is more than just solving an engaging puzzle—it's a delightful challenge that seamlessly intertwines fun with complexity. Drawing from my experience with Java, C, and C++, stepping into the realm of JavaScript felt...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + + +
+
+
+
Beyond Web Dev: Software Engineering Insights
+

10 Dec 2023

+

Diving Deep: Web Development Throughout this software engineering class, I’ve gained insights that go beyond just building web applications. We’ve explored essential concepts that reach into the core of software engineering, like Open Source Software Development, Configuration Management, and Agile...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + + +
+
+
+
Musical Code
+

29 Nov 2023

+

In my coding experiences, I envision each project as a musical piece, where every part harmonizes to create a beautiful composition. Design patterns, in this analogy, are akin to musical notes and arrangements that guide me in creating software that’s...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + + +
+
+
+
Coding Standards
+

20 Sep 2023

+

The Importance of Coding Standards When it comes to coding standards, everyone has their own opinion. Some wonder if these rules and guidelines truly help us write better code. In my personal view, coding standards may not directly improve the...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..5cb7c71 Binary files /dev/null and b/favicon.ico differ diff --git a/img/1st.png b/img/1st.png new file mode 100644 index 0000000..55ed4e5 Binary files /dev/null and b/img/1st.png differ diff --git a/img/2nd.png b/img/2nd.png new file mode 100644 index 0000000..7992661 Binary files /dev/null and b/img/2nd.png differ diff --git a/img/3rd.png b/img/3rd.png new file mode 100644 index 0000000..525913a Binary files /dev/null and b/img/3rd.png differ diff --git a/img/ESlint.png b/img/ESlint.png new file mode 100644 index 0000000..b622c4f Binary files /dev/null and b/img/ESlint.png differ diff --git a/img/G35IMAGE.jpg b/img/G35IMAGE.jpg new file mode 100644 index 0000000..0baa95a Binary files /dev/null and b/img/G35IMAGE.jpg differ diff --git a/img/G35Pt1.jpg b/img/G35Pt1.jpg new file mode 100644 index 0000000..bdde527 Binary files /dev/null and b/img/G35Pt1.jpg differ diff --git a/img/G35Pt2.jpg b/img/G35Pt2.jpg new file mode 100644 index 0000000..5157758 Binary files /dev/null and b/img/G35Pt2.jpg differ diff --git a/img/G35Pt222.jpg b/img/G35Pt222.jpg new file mode 100644 index 0000000..7ccd733 Binary files /dev/null and b/img/G35Pt222.jpg differ diff --git a/img/M1.png b/img/M1.png new file mode 100644 index 0000000..7fe4ef1 Binary files /dev/null and b/img/M1.png differ diff --git a/img/Mine 1.png b/img/Mine 1.png new file mode 100644 index 0000000..5fd20c5 Binary files /dev/null and b/img/Mine 1.png differ diff --git a/img/Modal.png b/img/Modal.png new file mode 100644 index 0000000..3427831 Binary files /dev/null and b/img/Modal.png differ diff --git a/img/My Browser History.png b/img/My Browser History.png new file mode 100644 index 0000000..620ba22 Binary files /dev/null and b/img/My Browser History.png differ diff --git a/img/MyListings.png b/img/MyListings.png new file mode 100644 index 0000000..30e0ea3 Binary files /dev/null and b/img/MyListings.png differ diff --git a/img/OIP.jpg b/img/OIP.jpg new file mode 100644 index 0000000..806881d Binary files /dev/null and b/img/OIP.jpg differ diff --git a/img/TicTacToeGame.png b/img/TicTacToeGame.png new file mode 100644 index 0000000..53214c8 Binary files /dev/null and b/img/TicTacToeGame.png differ diff --git a/img/UH.png b/img/UH.png new file mode 100644 index 0000000..162c119 Binary files /dev/null and b/img/UH.png differ diff --git a/img/bootstrap-icons.svg b/img/bootstrap-icons.svg new file mode 100644 index 0000000..99df40f --- /dev/null +++ b/img/bootstrap-icons.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/cotton/cotton-header.png b/img/cotton/cotton-header.png new file mode 100644 index 0000000..763332c Binary files /dev/null and b/img/cotton/cotton-header.png differ diff --git a/img/cotton/cotton-square.png b/img/cotton/cotton-square.png new file mode 100644 index 0000000..272de47 Binary files /dev/null and b/img/cotton/cotton-square.png differ diff --git a/img/difficulty/degree_difficulty.jpg b/img/difficulty/degree_difficulty.jpg new file mode 100644 index 0000000..ab4a7cb Binary files /dev/null and b/img/difficulty/degree_difficulty.jpg differ diff --git a/img/download.jpg b/img/download.jpg new file mode 100644 index 0000000..db57caa Binary files /dev/null and b/img/download.jpg differ diff --git a/img/history of browsers.png b/img/history of browsers.png new file mode 100644 index 0000000..762dcb0 Binary files /dev/null and b/img/history of browsers.png differ diff --git a/img/igniting/paintbrushes.jpg b/img/igniting/paintbrushes.jpg new file mode 100644 index 0000000..75e2485 Binary files /dev/null and b/img/igniting/paintbrushes.jpg differ diff --git a/img/image.jpg b/img/image.jpg new file mode 100644 index 0000000..d7e3ac4 Binary files /dev/null and b/img/image.jpg differ diff --git a/img/java.png b/img/java.png new file mode 100644 index 0000000..27f58e3 Binary files /dev/null and b/img/java.png differ diff --git a/img/micromouse/micromouse-circuit.png b/img/micromouse/micromouse-circuit.png new file mode 100644 index 0000000..cad0251 Binary files /dev/null and b/img/micromouse/micromouse-circuit.png differ diff --git a/img/micromouse/micromouse-robot-2.jpg b/img/micromouse/micromouse-robot-2.jpg new file mode 100644 index 0000000..e46444d Binary files /dev/null and b/img/micromouse/micromouse-robot-2.jpg differ diff --git a/img/micromouse/micromouse-robot.png b/img/micromouse/micromouse-robot.png new file mode 100644 index 0000000..b709af4 Binary files /dev/null and b/img/micromouse/micromouse-robot.png differ diff --git a/img/micromouse/micromouse-square.jpg b/img/micromouse/micromouse-square.jpg new file mode 100644 index 0000000..c5a7773 Binary files /dev/null and b/img/micromouse/micromouse-square.jpg differ diff --git a/img/molly-maluhia.jpeg b/img/molly-maluhia.jpeg new file mode 100644 index 0000000..ae3ca0c Binary files /dev/null and b/img/molly-maluhia.jpeg differ diff --git a/img/music.jpg b/img/music.jpg new file mode 100644 index 0000000..a0c3127 Binary files /dev/null and b/img/music.jpg differ diff --git a/img/smart-questions/rtfm.png b/img/smart-questions/rtfm.png new file mode 100644 index 0000000..a4ae484 Binary files /dev/null and b/img/smart-questions/rtfm.png differ diff --git a/img/tictactoe.png b/img/tictactoe.png new file mode 100644 index 0000000..f052c60 Binary files /dev/null and b/img/tictactoe.png differ diff --git a/img/vacay/vacay-home-page.png b/img/vacay/vacay-home-page.png new file mode 100644 index 0000000..fd585a2 Binary files /dev/null and b/img/vacay/vacay-home-page.png differ diff --git a/img/vacay/vacay-square.png b/img/vacay/vacay-square.png new file mode 100644 index 0000000..54e2496 Binary files /dev/null and b/img/vacay/vacay-square.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..cf625f9 --- /dev/null +++ b/index.html @@ -0,0 +1,377 @@ + + + + + + + + + + + + + + + + + + + + + + + + Ryne Stagen | Professional Portfolio + + + + +
+
+
+
+ +
+
+

Ryne Stagen

+

Student

+

I am studying for a B.S. in Computer Science in the Department of Information and Computer Sciences at the University of Hawaii. I expect to graduate in Spring, 2025.

+
+

+ Interests: + + Computer Programming, + + Astronomy, + + Cars, + + Working Out + +

+
+
+ + + +
+ + + + + + + +
+ + + + +
+ + + + + + + +
+ + + + + +
+ + + + + + + +
+ + + +
+ + + + + + + +
+ + + +
+ + + + + + + +
+ + + +
+ + + + + + + +
+ + +
+
+
+
+
+ +
+
+
+
+

Projects

+
+
+ +
+ + + +
+
+
+ +
+
+
+
UH-Marketplace 2023-12-13
+

An application for UH students to buy/trade/sell items

+

+ + Software Engineering + + Learning + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
TicTacToe 2022
+

Its a fun TicTacToe Game.

+

+ + Java + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
G35 2021
+

Putting a car back together

+

+ + Cars + + Learning + +

+ + Read More + +
+
+
+
+ + + + +
+ + + +
+
+ +
+
+
+
+

Essays

+
+
+ +
+ + + +
+
+
+
New Adventures: The Path of JavaScript
+

13 Dec 2023

+

JavaScript: A Newcomer’s Adventure JavaScript, to me, is more than just solving an engaging puzzle—it's a delightful challenge that seamlessly intertwines fun with complexity. Drawing from my experience with Java, C, and C++, stepping into the realm of JavaScript felt...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + + +
+
+
+
Beyond Web Dev: Software Engineering Insights
+

10 Dec 2023

+

Diving Deep: Web Development Throughout this software engineering class, I’ve gained insights that go beyond just building web applications. We’ve explored essential concepts that reach into the core of software engineering, like Open Source Software Development, Configuration Management, and Agile...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + + +
+
+
+
Musical Code
+

29 Nov 2023

+

In my coding experiences, I envision each project as a musical piece, where every part harmonizes to create a beautiful composition. Design patterns, in this analogy, are akin to musical notes and arrangements that guide me in creating software that’s...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + + +
+
+
+
Coding Standards
+

20 Sep 2023

+

The Importance of Coding Standards When it comes to coding standards, everyone has their own opinion. Some wonder if these rules and guidelines truly help us write better code. In my personal view, coding standards may not directly improve the...

+

+ + Software Engineering + + Learning + +

+
+ +
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/projects/G35.html b/projects/G35.html new file mode 100644 index 0000000..085b3d4 --- /dev/null +++ b/projects/G35.html @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + G35 | Ryne Stagen | Professional Portfolio + + + + +
+

G35

+
+ +
+

Start

+

My interests in cars inspired to learn how a car is built. I bought a broken car off of FaceBook Market place that didn’t start or wasn’t fully built, so I dedicated myself to learn how to learn the ins and outs of the car. In the very beginning I decided to look up the main things a car needs to start. In order for a car to start you need fuel, spark, timing, air, and compression. Starting from the cheapest to the most expensive parts I started with the air filter –> spark plugs –> fuel pump –> battery –> alternator –> starter. None of those options worked, so then I looked into the electrical side of the car (the basic parts) I learned how to check the fuses battery terminal connections and the relays. With some research and timing I found the solution, it was the starter relay.

+ +
+ +
+

End

+

Then comes the next problem, the car was overheating. So I went back to do more research and discovered that coolant is leaking from the car. With a little bit of looking I concluded it came from the water pump. After removing the water pump I saw that it was corroded and coolant was leaking through the O-rings and that concluded the overheating problem. Up next was the exterior portion, I zip tied all the wires together to hold the in place and ordered an OEM front bumper and finally with a lot of money spent extensive research I finally got the car in a good working condition.

+ +
+ +
+ +
+ + + + + + + diff --git a/projects/TicTacToe.html b/projects/TicTacToe.html new file mode 100644 index 0000000..930b1fe --- /dev/null +++ b/projects/TicTacToe.html @@ -0,0 +1,120 @@ + + + + + + + + + + + + + + + + + + + + + + + + TicTacToe | Ryne Stagen | Professional Portfolio + + + + +
+

TicTacToe

+
+ + + +
+ +

The TicTacToe program sets up a TicTacToe game board on a 3x3 grid. Each player gets a turn going, Player One’s mark is an “X” while Player Two’s mark is an “O”. The first player to get 3 in a row with their mark wins. If no player wins it ends in a draw

+ +

Learning Experience

+

When creating a TicTacToe game, I learned the importance of carefully designing the game logic to ensure a fair and enjoyable experience for the players. Establishing a clear structure for the game board, handling player turns, and implementing win conditions demanded meticulous attention to detail. Additionally, managing user input validation became a crucial aspect, ensuring that players could only make valid moves within the bounds of the grid. Understanding the dynamics of tracking the state of the game and determining a winner or a draw enhanced my problem-solving skills. Moreover, creating a visually appealing and user-friendly interface contributed to a more immersive gaming experience. Overall, developing a TicTacToe game provided insights into game development principles, logical reasoning, and user interaction, fostering a deeper understanding of programming concepts and the significance of user experience in application development.

+ +

Example of the Code

+

Here is a little portion of the code: THat sets up the game board

+ +

public class TicTacToe implements ActionListener{

+ +
Random random = new Random();
+JFrame frame = new JFrame();
+JPanel title_panel = new JPanel();
+JPanel button_panel = new JPanel();
+JLabel textfield = new JLabel();
+JButton[] buttons = new JButton[9];
+boolean player1_turn;
+
+TicTacToe(){
+	
+	frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
+	frame.setSize(800,800);
+	frame.getContentPane().setBackground(new Color(50,50,50));
+	frame.setLayout(new BorderLayout());
+	frame.setVisible(true);
+	
+	textfield.setBackground(new Color(25,25,25));
+	textfield.setForeground(new Color(25,255,0));
+	textfield.setFont(new Font("Ink Free",Font.BOLD,75));
+	textfield.setHorizontalAlignment(JLabel.CENTER);
+	textfield.setText("Tic-Tac-Toe");
+	textfield.setOpaque(true);
+	
+	title_panel.setLayout(new BorderLayout());
+	title_panel.setBounds(0,0,800,100);
+	
+	button_panel.setLayout(new GridLayout(3,3));
+	button_panel.setBackground(new Color(150,150,150));
+	
+	for(int i=0;i<9;i++) {
+		buttons[i] = new JButton();
+		button_panel.add(buttons[i]);
+		buttons[i].setFont(new Font("MV Boli",Font.BOLD,120));
+		buttons[i].setFocusable(false);
+		buttons[i].addActionListener(this);
+	}
+	
+	title_panel.add(textfield);
+	frame.add(title_panel,BorderLayout.NORTH);
+	frame.add(button_panel);
+	
+	firstTurn();
+}
+
+ + +
+ + + + + + + diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 0000000..b9a7aa8 --- /dev/null +++ b/projects/index.html @@ -0,0 +1,155 @@ + + + + + + + + + + + + + + + + + + + + + + + + Projects | Ryne Stagen | Professional Portfolio + + + + +
+
+
+
+

Projects

+
+
+ +
+ + + +
+
+
+ +
+
+
+
UH-Marketplace 2023-12-13
+

An application for UH students to buy/trade/sell items

+

+ + Software Engineering + + Learning + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
TicTacToe 2022
+

Its a fun TicTacToe Game.

+

+ + Java + +

+ + Read More + +
+
+
+
+ + + + + +
+
+
+ +
+
+
+
G35 2021
+

Putting a car back together

+

+ + Cars + + Learning + +

+ + Read More + +
+
+
+
+ + + + +
+ + + +
+
+ + + + + + + + diff --git a/projects/uhmarketplace.html b/projects/uhmarketplace.html new file mode 100644 index 0000000..652b8c7 --- /dev/null +++ b/projects/uhmarketplace.html @@ -0,0 +1,92 @@ + + + + + + + + + + + + + + + + + + + + + + + + UH-Marketplace | Ryne Stagen | Professional Portfolio + + + + +
+

UH-Marketplace

+

Introduction

+

We offer a way for students to buy/sell items. The marketplace is open for everyone to explore, allowing easy navigation through a search bar and a selection of pre-made filters. However, enhanced functionality becomes accessible when users log in as a “User” (specifically UHM students). As registered Users, individuals gain the ability to not only browse the marketplace but also delve into seller profiles, which display the user’s listed items and their respective ratings. Moreover, Users can take actions such as ordering, making offers, and purchasing goods directly from the marketplace. They can also create listings for items they wish to sell. Additionally, Users have the option to report other users or specific items on the marketplace that may violate guidelines. Administrators possess the authority to remove items from the marketplace if they are deemed unsafe, inappropriate, or illegal, ensuring a safe and reliable environment for all users.

+ +
+ +
+ +

Contribution

+ +

In constructing the UH Marketplace, we designed our workflow and distributed tasks through GitHub project boards to amplify transparency and streamline collaboration. Our team, composed of dedicated members, ensured a balanced allocation of responsibilities, fostering a collaborative environment characterized by collective effort and mutual support.

+ +

My direct contributions to the UH Marketplace were diverse. I spearheaded the development of the robust ‘My Listings’ page, providing users with the ability to seamlessly view and edit the items they have posted. Additionally, I crafted filter buttons to enhance item search functionality, making it easier for users to locate what they need. Moreover, I designed visually appealing item cards displayed on both the ‘My Listings’ and ‘Home Page,’ adding a layer of organization and aesthetic finesse to the overall user experience.

+ +
+ +
+ +

I bettered the user experience by adding a feature that pulls up another window to view the items details such as ListintgTitle, Price, Owner, Description, and Condition.

+ +
+ +
+ +

Reflecting on the Learning Journey

+ +

The hands-on experience of crafting the UH Marketplace proved to be a multifaceted and enriching journey. It not only sharpened my technical skills in web development but also deepened my understanding of the intricate planning and meticulous execution required for building a user-centered digital platform. This project extended beyond mere coding, refining my leadership, initiative, and communication abilities, highlighting the diverse aspects of software engineering. It served as a tangible application of theoretical knowledge, illustrating the convergence of technology and community service.

+ +

Conclusion

+ +

In conclusion, the UH Marketplace transcends being just a project; it stands as a testament to the transformative potential of collaborative learning and the practical application of academic knowledge to address real-world challenges. It mirrors our dedication to improving the student experience through technology, and I take pride in my contribution to this meaningful endeavor.

+ +

Organization and Source Code: UH Marketplace +Home Page

+ +
+ + + + + + + diff --git a/resume.html b/resume.html new file mode 100644 index 0000000..2866472 --- /dev/null +++ b/resume.html @@ -0,0 +1,403 @@ + + + + + + + + + + + + + + + + + + + + + + + + Resume | Ryne Stagen | Professional Portfolio + + + + +
+
+ +
+
+

Ryne Stagen

+
+
+ +
+ +
+

+

Kapolei, Hawaii 96707 USA

+

808-123-4444

+
+
+ +
+
+

Interests

+
+
+

+ + Computer Programming + + , + + Astronomy + + , + + Cars + + , + + Working Out + + + +

+
+
+ + +
+
+

Skills

+
+
+ +

+ Languages and Frameworks: + + C, + + C++, + + Java, + + Javascript, HTMl, + +

+ +

+ Toolsets/OS: + + MacOS, + + Windows, + + Git/GitHub + +

+ +
+
+ + + +
+
+

Education

+
+
+ +
+
+

University of Hawaii, Honolulu, HI

+

B.S., Computer Science (expected Spring, 2025)

+ +
    + +
+ +
+
+

+ + 2021 + + + - + + + + Present + + +

+
+
+ +
+
+ + + +
+
+

Work

+
+
+ +
+
+

Flex Fullfillment, Target

+

+

The fulfillment team picks, preps, packs, sorts, and ships products safely, efficiently and effectively to deliver convenience and quality for our guests.

+ +
    + +
  • Experience in retail business fundamentals including: department sales trends, inventory management, and process efficiency and improvement
  • + +
  • Skills to assess your daily business and utilize tools to determine how to meet digital demand
  • + +
+ +
+
+

+ + 2020 + + + - + + + + Present + + +

+
+
+ +
+
+ + + +
+
+

Activities

+
+
+ +
+
+

Helper, Kroc Center

+

kroccenterhawaii.org/kroc-hawaii/

+

Helping the community and picking up trash around and at Kapolei High School

+ +
    + +
  • Making the community a cleaner place
  • + +
  • Working with others to achieve a common goal
  • + +
+ +
+
+

+ + 2018 + + + - + + + + 2018 + + +

+
+
+ +
+
+

Internship, Kapolei High School

+

www.kapoleihigh.org/

+

Helped and learned construction work for the Makakilo Elementary School

+ +
    + +
  • Making a better environment for kids
  • + +
  • Learning new skills
  • + +
  • Working as a team
  • + +
+ +
+
+

+ + 2020 + + + - + + + + 2020 + + +

+
+
+ +
+
+ + + +
+
+

Awards

+
+ +
+ +
+
+

+ CTE Honors, Kapolei High School +

+

Awarded to those who completed the CTE Honors project.

+
+
+

+ 2021 +

+
+
+ +
+
+ + + +
+
+

References

+
+ +
+

+ + Available upon request + + +

+
+
+ +
+
+ + + + + + + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..7d329b1 --- /dev/null +++ b/robots.txt @@ -0,0 +1 @@ +User-agent: *