diff --git a/public/img/leetcode_logo.webp b/public/img/leetcode_logo.webp new file mode 100644 index 0000000..991b55d Binary files /dev/null and b/public/img/leetcode_logo.webp differ diff --git a/src/components/About.js b/src/components/About.js index 288e025..74a3b4c 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,9 +33,52 @@ class About extends React.Component { social media below, just click the image and it'll bring you to the selected website. - -

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

- Learn More + + 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. + + + + 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. + + + + 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. + + + + 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 +
@@ -64,16 +99,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 { 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}/