From 84520fbbdcf6a3352f6a1e58301908612fbe5c3f Mon Sep 17 00:00:00 2001 From: Camerin Figueroa Date: Sat, 1 Oct 2022 10:38:12 -0400 Subject: [PATCH 1/4] Added skills to cards on About Page --- src/components/About.js | 42 ++++++++++++++++++++++------ src/components/css/Card.css | 33 ++++++++++++++++++++++ src/components/subcomponents/Card.js | 11 ++++++++ 3 files changed, 77 insertions(+), 9 deletions(-) diff --git a/src/components/About.js b/src/components/About.js index 288e025..96bae56 100644 --- a/src/components/About.js +++ b/src/components/About.js @@ -26,14 +26,6 @@ class About extends React.Component { JSX is a part of react which makes it easy to design websites directly in javascript code. - - Throughout my college experience I've been able to improve my understanding of how computers work and how to design different software. - I have completed my A.S. degree from Orange County Community College in Computer Science. In the past 2 years I've been working towards my - Bachelors degree in computer science at Marist College in Poughkeepsie. Throughout my college experience I've been able to work with others in - teams and I am currently as of the Fall 2021 Semester been working on a team for a Capstone Project which I can hopefully list on this website - at the end of this semester. - - You can find a few of my projects on my Github or look through a list of projects on this website @@ -41,7 +33,39 @@ class About extends React.Component { social media below, just click the image and it'll bring you to the selected website. - + + N/a + + + + N/a + + + + Throughout my college experience I've been able to improve my understanding of how computers work and how to design different software. + I have completed my A.S. degree from Orange County Community College in Computer Science. In the past 2 years I've been working towards my + Bachelors degree in computer science at Marist College in Poughkeepsie. Throughout my college experience I've been able to work with others in + teams and I am currently as of the Fall 2021 Semester been working on a team for a Capstone Project which I can hopefully list on this website + at the end of this semester. + + + + N/a + + +

You can access a list of github repositories that I've created directly on this site.

Learn More diff --git a/src/components/css/Card.css b/src/components/css/Card.css index 6c487e7..8125bdf 100644 --- a/src/components/css/Card.css +++ b/src/components/css/Card.css @@ -36,6 +36,39 @@ background-color: #FAFAFF } +.card .skill-row { + display: flex; + flex-direction: row; + align-items: center; + +} + +.card .skills-label { + display:flex; + align-items: center; + font-size: larger; +} + +.card .skills { + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-content: center; + align-items: center; + padding: 5px; + width: 100%; +} + +.card .skill { + padding: 5px; + margin: 2px; + margin-left: 5px; + border-radius: 10px; + background-color: #756B6A; + color: #DAD4DF; + font-size: medium; +} + @media only screen and (max-width: 600px) { .card { diff --git a/src/components/subcomponents/Card.js b/src/components/subcomponents/Card.js index 0e22fa9..7b3f189 100644 --- a/src/components/subcomponents/Card.js +++ b/src/components/subcomponents/Card.js @@ -28,6 +28,17 @@ const Card = (props) => {
{props.children}
+ { + props.skills && +
+
Skills:
+
+ { + props.skills?props.skills.map(language=>
{language}
):"" + } +
+
+ } {props.title}/ From aa9bcd2a9fee5b9c22f5ec225527072726aa9da9 Mon Sep 17 00:00:00 2001 From: Camerin Figueroa Date: Sun, 2 Oct 2022 16:01:00 -0400 Subject: [PATCH 2/4] About - Added some relavent Skills --- src/components/About.js | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/src/components/About.js b/src/components/About.js index 96bae56..7fe64a9 100644 --- a/src/components/About.js +++ b/src/components/About.js @@ -34,23 +34,23 @@ class About extends React.Component { + skills={["Cisco IOS", "Linux", "Python", "Cyber Security"]}> N/a + skills={["C++", "Java", "React", "Javascript", "Assembly", "Data Structors & Algorithms"]}> N/a + skills={["PHP", "Haskell", "Git", "Data Structors & Algorithms", "Arduino", "Robotics", "Docker", "6502 Assembly"]}> Throughout my college experience I've been able to improve my understanding of how computers work and how to design different software. I have completed my A.S. degree from Orange County Community College in Computer Science. In the past 2 years I've been working towards my Bachelors degree in computer science at Marist College in Poughkeepsie. Throughout my college experience I've been able to work with others in @@ -61,13 +61,16 @@ class About extends React.Component { + skills={["C#", "Angular", "Typescript", "Oracle SQL"]}> N/a - -

You can access a list of github repositories that I've created directly on this site.

- Learn More + +

You can access a list of github repositories that I've created directly on this site.

+ Learn More From b1e425f408263468ba9554708f49766a50444645 Mon Sep 17 00:00:00 2001 From: Camerin Figueroa Date: Sun, 12 Feb 2023 18:08:28 -0500 Subject: [PATCH 3/4] About - Added Leet Code to Social Media Section --- src/components/About.js | 8 +++++--- src/components/css/About.css | 17 ++++++++++++++--- 2 files changed, 19 insertions(+), 6 deletions(-) diff --git a/src/components/About.js b/src/components/About.js index 7fe64a9..e906882 100644 --- a/src/components/About.js +++ b/src/components/About.js @@ -91,16 +91,18 @@ class About extends React.Component { LinkedIn - + Hacker Rank Hack The Box - + Udemy - + + leet code + diff --git a/src/components/css/About.css b/src/components/css/About.css index a259d60..e796a80 100644 --- a/src/components/css/About.css +++ b/src/components/css/About.css @@ -39,15 +39,14 @@ } .About .links .link img { - width: 10rem; + width:10rem; } .About .links .link { margin: 10px; } -.About .link.bg-white { - background-color: white; +.About .link { border-radius: 5px; display:flex; height: 10rem; @@ -57,6 +56,18 @@ margin: 5px; } +.About .link.bg-white { + background-color: white; + +} + +.About .link.bg-black{ + background-color: black; +} + +.About .link.bg-hackerrank { + background-color: rgb(14, 20, 25); +} @media only screen and (max-width: 600px) { .About .links .link img { From f3cda03c437453cddd4b033bf1e06636adcdc9ee Mon Sep 17 00:00:00 2001 From: Camerin Figueroa Date: Sun, 12 Feb 2023 18:08:48 -0500 Subject: [PATCH 4/4] About - Added additional information to About Page --- public/img/leetcode_logo.webp | Bin 0 -> 4338 bytes src/components/About.js | 18 +++++++++++++----- 2 files changed, 13 insertions(+), 5 deletions(-) create mode 100644 public/img/leetcode_logo.webp diff --git a/public/img/leetcode_logo.webp b/public/img/leetcode_logo.webp new file mode 100644 index 0000000000000000000000000000000000000000..991b55dce9a07dc530485afd9afc3625866ddffa GIT binary patch literal 4338 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 literal 0 HcmV?d00001 diff --git a/src/components/About.js b/src/components/About.js index e906882..74a3b4c 100644 --- a/src/components/About.js +++ b/src/components/About.js @@ -37,14 +37,18 @@ class About extends React.Component { title="CTECH - Networking" image="https://upload.wikimedia.org/wikipedia/en/thumb/4/4b/Marist_College_Seal_-_Vector.svg/1200px-Marist_College_Seal_-_Vector.svg.png" skills={["Cisco IOS", "Linux", "Python", "Cyber Security"]}> - N/a + During highschool, I had the ability to take classes at CTECH. I took the networking class that not only allowed me to learn about the in class material, but also + enabled me to learn outside of what I would normally have. We took the CCNA1 and CCNA2 courses which taught me a lot about cisco networking devices, as + well as the Cisco IOS Operating System. I was also able to take part in a few different competitions such as the Cisco Netriders (Discontinued) competition, + AFA run Cyber Patriot competition, and the Skills USA compeition. - N/a + Taking classes at OCCC helped shape my career. While at OCCC, I took classes where I learned C++, Java, Datastructors, Assembly and more. I also took part in the + Computer Science Club, Outdoors Club, and various other activities. - N/a + skills={["C#", "ASP.NET MVC", "Entity Framework", "MSSQL", "Microsoft Message Queuing", "Angular", "Typescript", "Oracle SQL", "Various Credit Payment API's"]}> + Working as a Full Stack Software Developer at a toll collection systems company. Here I work as a Full Stack Software Developer on the company's + management software, as well as their payment software. In addition, I work on older systems for support. This has exposed me to all sorts of current + and legacy designs of software. Throughout my time at TRMI, Inc. I have been able to learn a lot as well as make learn how to bring new employees up + to speed so they can also work on the software.

You can access a list of github repositories that I've created directly on this site.

Learn More +