mirror of
https://github.com/asimonson1125/asimonson1125.github.io.git
synced 2026-02-25 05:09:49 -06:00
archive ReactApp
This commit is contained in:
265
react_OLD/src/pages/AboutMe.js
Normal file
265
react_OLD/src/pages/AboutMe.js
Normal file
@@ -0,0 +1,265 @@
|
||||
import React, { useEffect } from "react";
|
||||
// import MyCarousel from "../componets/Carousel.js";
|
||||
import ChessBed from "../componets/ChessBed.js";
|
||||
// import HexGrid from "../componets/HexGrid";
|
||||
import Skills from "../componets/Skills";
|
||||
import Timeline from "../componets/Timeline";
|
||||
import TimeItem from "../componets/TimeItem.js";
|
||||
import { toggle } from "../scripts/checkbox";
|
||||
// import img1 from '../assets/photos/itsa_me.JPG'
|
||||
// import img2 from '../assets/photos/me_robot.jpeg'
|
||||
// import img3 from "../assets/photos/AcademicTeam.jpg";
|
||||
// import img4 from "../assets/photos/hagerstownVex2019.jpg";
|
||||
// import img5 from "../assets/photos/WeThePeople_Districts.jpg";
|
||||
// import img6 from "../assets/photos/WeThePeople.jpg";
|
||||
// import img7 from "../assets/photos/WeThePeople_NationalsSetup.jpg";
|
||||
|
||||
export default function AboutMe() {
|
||||
useEffect(() => {
|
||||
// This will run when the page first loads and whenever the title changes
|
||||
document.title = "Andrew Simonson - About Me";
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="foreground" onLoad={() => toggle("up")}>
|
||||
<meta
|
||||
name="description"
|
||||
content="About Andrew Simonson - learn all about me and the stuff I do, it's real great."
|
||||
/>
|
||||
<link rel="canonical" href="https://asimonson.com/about"></link>
|
||||
<div className="col">
|
||||
<div id="aboutMe" data-aos="fade-up">
|
||||
<h2 className="concentratedHead">About Me</h2>
|
||||
<p>
|
||||
I'm Andrew Simonson, a second year (third year standing) student at{" "}
|
||||
<strong>Rochester Institute of Technology </strong>
|
||||
in the <b>Computer Science</b> BS program, pursuing a career in data
|
||||
science with a focus on predictive analytics.
|
||||
</p>
|
||||
<p>
|
||||
When I'm not in class, you can find me working on extra
|
||||
collaborative projects, building discord bots, playing chess,
|
||||
reading up on some recent geopolitical development, or haphazardly
|
||||
expanding my list of unusable, yet bizzarely wise quotes.
|
||||
</p>
|
||||
{/* <p>
|
||||
My goal is to strive to make the biggest positive impact on the
|
||||
world that I can. I'm here to improve and optimize what we have so
|
||||
that we can spend more time on the things that matter.
|
||||
</p>
|
||||
<p>
|
||||
I also value the ability to understand the world at large. That
|
||||
awareness is what grounds a person into reality and gives their
|
||||
place in the world value. My favorite part of learning about
|
||||
grographies and cultures is when I can justify to myself the hidden
|
||||
causality to historic events, which presents an inside look into how
|
||||
we can act in the present.
|
||||
</p>
|
||||
<p>
|
||||
It is my belief that being able to channel each distinct creative
|
||||
interest into a final product is vital. With this philosophy that
|
||||
promotes dedication and enables an in-depth understanding, I can
|
||||
take pride in each of my projects, bridging the gap between the the
|
||||
multifaceted purpose present in everything around us.
|
||||
</p> */}
|
||||
{/*<img src={img1} alt='Me' className='boxedImg' />*/}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col">
|
||||
<div id="skills" data-aos="fade-up">
|
||||
<h2>Skills</h2>
|
||||
{/* <div id="skillList">
|
||||
<HexGrid></HexGrid>
|
||||
<div id="skillDisp">
|
||||
<h2></h2>
|
||||
<p></p>
|
||||
</div>
|
||||
</div> */}
|
||||
<Skills>
|
||||
{[
|
||||
"Python",
|
||||
"JavaScript",
|
||||
"Java",
|
||||
"C",
|
||||
"C++",
|
||||
"MIPS Assembly",
|
||||
"Processing",
|
||||
"P5.js",
|
||||
"SQL",
|
||||
"SQLite",
|
||||
"PostgreSQL",
|
||||
"SQLAlchemy",
|
||||
"HTML",
|
||||
"CSS",
|
||||
"Docker",
|
||||
"LaTeX",
|
||||
"ArcGIS",
|
||||
"Git",
|
||||
"Github",
|
||||
"Linux",
|
||||
"OKD4",
|
||||
"Kubernetes",
|
||||
"Angular",
|
||||
"Flask",
|
||||
"Jinja",
|
||||
"DOM Scraping",
|
||||
"Google API",
|
||||
"React",
|
||||
"Node.js",
|
||||
"ArcGIS",
|
||||
]}
|
||||
</Skills>
|
||||
<div className="chess">
|
||||
<ChessBed username="asimonson1125"></ChessBed>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div data-aos="fade-up" className="elementBlock">
|
||||
<h2>Extracirricular Awards</h2>
|
||||
<MyCarousel className="carousel" data-aos="fade-up">
|
||||
{[
|
||||
{
|
||||
original: img4,
|
||||
description:
|
||||
"High School VEX Robotics President and Team Leader",
|
||||
},
|
||||
{
|
||||
original: img5,
|
||||
description:
|
||||
"We the People Civics Competition District Champions",
|
||||
},
|
||||
{
|
||||
original: img6,
|
||||
description: "We The People State Civics Competition Champions",
|
||||
},
|
||||
{
|
||||
original: img7,
|
||||
description:
|
||||
"what it looks like to compete in We the People Nationals, circa 2020",
|
||||
},
|
||||
{
|
||||
original: img3,
|
||||
description: "Academic Team county championships",
|
||||
},
|
||||
]}
|
||||
</MyCarousel>
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="col">
|
||||
<div className="checkbox-wrapper">
|
||||
<div className="flex start">
|
||||
<label className="switch" htmlFor="pinned">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="pinned"
|
||||
onClick={() => toggle("up")}
|
||||
defaultChecked
|
||||
/>
|
||||
<div className="slider round"></div>
|
||||
<strong>Pinned</strong>
|
||||
</label>
|
||||
</div>
|
||||
<div className="flex start">
|
||||
<label className="switch" htmlFor="education">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="education"
|
||||
onClick={() => toggle("up")}
|
||||
/>
|
||||
<div className="slider round"></div>
|
||||
<strong>Education</strong>
|
||||
</label>
|
||||
</div>
|
||||
<div className="flex start">
|
||||
<label
|
||||
className="switch"
|
||||
htmlFor="experience"
|
||||
onClick={() => toggle("up")}
|
||||
>
|
||||
<input type="checkbox" id="experience" />
|
||||
<div className="slider round"></div>
|
||||
<strong>Work Experience</strong>
|
||||
</label>
|
||||
</div>
|
||||
<div className="flex start">
|
||||
<label
|
||||
className="switch"
|
||||
htmlFor="technical"
|
||||
onClick={() => toggle("up")}
|
||||
>
|
||||
<input type="checkbox" id="technical" />
|
||||
<div className="slider round"></div>
|
||||
<strong>Technical</strong>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<Timeline classes="checkbox-client">
|
||||
<TimeItem
|
||||
date="01/2023 - 05/2023"
|
||||
title="Co-op @ Dow Chemical"
|
||||
classes="pinned experience technical"
|
||||
>
|
||||
Spring 2023 Semester Co-op under Dow Chemical's Global Reactive
|
||||
Chemicals team in Analytical Sciences. Responsibilities included
|
||||
management of chemical compatability data and tool creation for
|
||||
parsing, generating, and submitting reports.
|
||||
</TimeItem>
|
||||
<TimeItem date="08/26/2021" title="Started Portfolio">
|
||||
I started building this website on this day. I wish I could say I
|
||||
was farther along than I am.
|
||||
</TimeItem>
|
||||
<TimeItem
|
||||
date="08/2021 - 05/2025"
|
||||
title="Rochester Institute of Technology"
|
||||
classes="pinned education technical"
|
||||
>
|
||||
Studying in Rochester Institute of Technology's Computer Science BS
|
||||
program with a minor in International Relations.
|
||||
</TimeItem>
|
||||
<TimeItem
|
||||
date="04/2021 - 08/2021"
|
||||
title="Pretzel & Pizza Creations"
|
||||
classes="experience"
|
||||
>
|
||||
Worked part-time as a chef, managing active ingredient supply and
|
||||
fulfilling orders. I personally recommend the stuffed pretzels.
|
||||
</TimeItem>
|
||||
<TimeItem
|
||||
date="08/2020 - 12/2020"
|
||||
title="Election Official"
|
||||
classes="experience"
|
||||
>
|
||||
Trained in voter registry operations and provisional voting by the
|
||||
Washington County Board of Elections for the 2020 US Presidential
|
||||
Election.
|
||||
</TimeItem>
|
||||
<TimeItem
|
||||
date="09/2016 - 06/2021"
|
||||
title="Boonsboro High School"
|
||||
classes="education"
|
||||
>
|
||||
Graduated high school with highest honors.
|
||||
<br />
|
||||
Member of National Honor Society, Academic Team County Champions.
|
||||
Participated in Physics Olympics, Robotics Club, and scored at state
|
||||
championships in{" "}
|
||||
<a href="https://www.athletic.net/athlete/10265585/track-and-field/high-school">
|
||||
Cross Country and Track and Field (4x800, 800)
|
||||
</a>
|
||||
.{" "}
|
||||
</TimeItem>
|
||||
<TimeItem
|
||||
date="10/2015 - 04/2021"
|
||||
title="Vex Robotics Team Lead/Club President"
|
||||
classes="technical"
|
||||
>
|
||||
Led 5 teams through middle and high school to VEX Robotics
|
||||
Competitions, elevating Boonsboro from county group-stage
|
||||
elimination to its first state championship participation.
|
||||
Reorganized club and set up its first interface with the community +
|
||||
sponsors
|
||||
</TimeItem>
|
||||
</Timeline>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
14
react_OLD/src/pages/Activities.js
Normal file
14
react_OLD/src/pages/Activities.js
Normal file
@@ -0,0 +1,14 @@
|
||||
import Neon from "../componets/Neon";
|
||||
|
||||
export default function ErrorNotFound() {
|
||||
return (
|
||||
<>
|
||||
<link rel="canonical" href="https://asimonson.com/activities"></link>
|
||||
<Neon color="#fff">
|
||||
<h1 className="neon">ERROR 404</h1>
|
||||
<br />
|
||||
<h3 className="neon">URL Not Found</h3>
|
||||
</Neon>
|
||||
</>
|
||||
);
|
||||
}
|
||||
8
react_OLD/src/pages/Error.js
Normal file
8
react_OLD/src/pages/Error.js
Normal file
@@ -0,0 +1,8 @@
|
||||
import Neon from '../componets/Neon'
|
||||
|
||||
export default function ErrorNotFound() {
|
||||
return (<>
|
||||
<link rel="canonical" href="https://asimonson.com/404"></link>
|
||||
<Neon color='#fff'><h1 className='neon'>ERROR 404</h1><br /><h3 className='neon'>URL Not Found</h3></Neon>
|
||||
</>)
|
||||
}
|
||||
49
react_OLD/src/pages/Home.js
Normal file
49
react_OLD/src/pages/Home.js
Normal file
@@ -0,0 +1,49 @@
|
||||
import React, { useEffect } from "react";
|
||||
import ChessBed from "../componets/ChessBed.js";
|
||||
|
||||
export default function Home() {
|
||||
const langstyle = {
|
||||
width: "350px",
|
||||
height: "165px",
|
||||
border: "none",
|
||||
display: "block",
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
// This will run when the page first loads and whenever the title changes
|
||||
document.title = "Andrew Simonson - Portfolio Home";
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div id="home">
|
||||
<link rel="canonical" href="https://asimonson.com/"></link>
|
||||
<meta
|
||||
name="description"
|
||||
content="Andrew Simonson's Portfolio Website - Homepage"
|
||||
/>
|
||||
|
||||
<div className="homeground">
|
||||
<div className="relative">
|
||||
<div className="flex">
|
||||
<div id="HomeContent" data-aos="fade-up">
|
||||
<h1>Andrew Simonson</h1>
|
||||
<h3>
|
||||
Computer Science student at Rochester Institute of Technology
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="onRight" data-aos="fade-up">
|
||||
<iframe
|
||||
title="langstats"
|
||||
src="./readme-stats-vercel-01-25-2023.svg"
|
||||
style={langstyle}
|
||||
></iframe>
|
||||
<div className="chess">
|
||||
<ChessBed username="asimonson1125"></ChessBed>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
287
react_OLD/src/pages/Projects.js
Normal file
287
react_OLD/src/pages/Projects.js
Normal file
@@ -0,0 +1,287 @@
|
||||
import React, { useEffect } from "react";
|
||||
import ProjectList from "../componets/ProjectList";
|
||||
import Project from "../componets/Project";
|
||||
import { toggle } from "../scripts/checkbox";
|
||||
import github from "../assets/icons/github.svg";
|
||||
import globe from "../assets/icons/globe.svg";
|
||||
|
||||
import geovisF from "../assets/photos/geovisF.png";
|
||||
import chessbed from "../assets/photos/chessbed.png";
|
||||
import occupyrit from "../assets/photos/occupyRIT.png";
|
||||
import slate from "../assets/photos/slate.png";
|
||||
import website from "../assets/photos/website.png";
|
||||
import resume from "../assets/photos/resume.png";
|
||||
import yugoslavia from "../assets/photos/ceoOfYugo.png";
|
||||
import vexbutt from "../assets/photos/vexcodeButtons.jpeg";
|
||||
|
||||
export default function Projects() {
|
||||
useEffect(() => {
|
||||
// This will run when the page first loads and whenever the title changes
|
||||
document.title = "Andrew Simonson - Projects";
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="foreground" onLoad={() => toggle('')}>
|
||||
<link rel="canonical" href="https://asimonson.com/projects"></link>
|
||||
<meta
|
||||
name="description"
|
||||
content="Recent projects by Andrew Simonson on his lovely portfolio website :)"
|
||||
/>
|
||||
<div data-aos="fade-up">
|
||||
<h2 className="concentratedHead">Projects</h2>
|
||||
<p>
|
||||
Project status is indicated by the color of the project card:
|
||||
<br />
|
||||
<span className="complete">⬤</span> - Complete
|
||||
<br />
|
||||
<span className="WIP">⬤</span> - Work In Progress
|
||||
<br />
|
||||
<span className="incomplete">⬤</span> - Incomplete
|
||||
</p>
|
||||
</div>
|
||||
<div className="checkbox-wrapper">
|
||||
<div className="flex start">
|
||||
<label className="switch" htmlFor="pinned">
|
||||
<input type="checkbox" id="pinned" onClick={() => toggle('')} defaultChecked/>
|
||||
<div className="slider round"></div>
|
||||
<strong>Pinned</strong>
|
||||
</label>
|
||||
</div>
|
||||
<div className="flex start">
|
||||
<label className="switch" htmlFor="programming">
|
||||
<input type="checkbox" id="programming" onClick={() => toggle('')} />
|
||||
<div className="slider round"></div>
|
||||
<strong>Programming</strong>
|
||||
</label>
|
||||
</div>
|
||||
<div className="flex start">
|
||||
<label className="switch" htmlFor="geospacial" onClick={() => toggle('')}>
|
||||
<input type="checkbox" id="geospacial" />
|
||||
<div className="slider round"></div>
|
||||
<strong>Geospacial</strong>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<ProjectList classes="checkbox-client">
|
||||
<Project
|
||||
status="complete"
|
||||
title="Lower 48 Alt. Energy Map"
|
||||
bgi={geovisF}
|
||||
classes="pinned geospacial"
|
||||
links={[
|
||||
[
|
||||
"https://ritarcgis.maps.arcgis.com/apps/dashboards/17d5bda01edc4a2eb6205a4922d889c9",
|
||||
<img alt="ArcGIS" src={globe} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
ArcGIS Map of the most effective alternative energy sources in the
|
||||
continental United States
|
||||
</Project>
|
||||
<Project
|
||||
status="WIP"
|
||||
title="OccupyRIT"
|
||||
classes="pinned programming"
|
||||
bgi={occupyrit}
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/Occupy-RIT",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
Collects RIT Gym Occupancy data, determining busiest workout
|
||||
times.
|
||||
</Project>
|
||||
<Project
|
||||
status="complete"
|
||||
title="Chesscom Embeds"
|
||||
classes="programming"
|
||||
bgi={chessbed}
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/chesscom-embed",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
A template for creating Chess.com user profile embeds
|
||||
</Project>
|
||||
<Project
|
||||
status="complete"
|
||||
title="Resume"
|
||||
classes="programming"
|
||||
bgi={resume}
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/Resume",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
[
|
||||
"https://asimonson.com/Resume.pdf/",
|
||||
<img alt="site" src={globe} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
My Resume, made in LaTeX with a custom design derived by the AltaCV
|
||||
template on OverLeaf.
|
||||
</Project>
|
||||
<Project
|
||||
status="WIP"
|
||||
title="Digital Portfolio"
|
||||
classes="programming"
|
||||
bgi={website}
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/asimonson1125.github.io",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
["https://asimonson.com/", <img alt="site" src={globe} />],
|
||||
]}
|
||||
>
|
||||
A personal portfolio site made with React.js.
|
||||
</Project>
|
||||
<Project
|
||||
status="complete"
|
||||
title="Slate"
|
||||
classes="pinned programming"
|
||||
bgi={slate}
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/Slate",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
["https://slate.csh.rit.edu/", <img alt="site" src={globe} />],
|
||||
]}
|
||||
>
|
||||
Slate is a web app designed to help event coordinators schedule events
|
||||
by congregating participant calendar data. Includes Computer Science
|
||||
House account integration.
|
||||
</Project>
|
||||
<Project
|
||||
status="complete"
|
||||
title="Humans vs. Zombies Bot"
|
||||
classes="programming"
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/HvZ-bot",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
A Discord bot to handle role management and statistics for RIT's
|
||||
Humans vs. Zombies games.
|
||||
</Project>
|
||||
<Project
|
||||
status="WIP"
|
||||
title="FinTech"
|
||||
classes="pinned programming"
|
||||
links={[
|
||||
[
|
||||
"https://github.com/LukeHorigan/Financial-Management-Assocation-",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
A team derived from the RIT Financial Management Association dedicated
|
||||
to learning about financial management of equities using automated
|
||||
solutions developed by students.
|
||||
</Project>
|
||||
<Project status="complete" classes="programming" title="Browser Trivia Bot">
|
||||
A tampermonkey tool used to automatically answer and submit online
|
||||
trivia forms, which can be tailored to different site layouts.
|
||||
<br />
|
||||
<br />
|
||||
Source is currently private.
|
||||
</Project>
|
||||
<Project
|
||||
status="complete"
|
||||
title="Querist"
|
||||
classes="programming"
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/Querist",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
A modular discord bot to manage class discord servers divided by class
|
||||
sections. Used in my Web and Mobile 101 class discord server.
|
||||
</Project>
|
||||
<Project
|
||||
status="complete"
|
||||
title="Acumen"
|
||||
classes="programming"
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/Acumen",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
A personal Discord bot focused on statistical insight and role
|
||||
management for NationsGame, including NG Rolls Sim accessibility.
|
||||
</Project>
|
||||
<Project
|
||||
status="complete"
|
||||
title="NationsGame Rolls Sim"
|
||||
classes="programming"
|
||||
bgi={yugoslavia}
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/NG-Rolls-Simulator",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
A simulator for the browser game, NationsGame, to analyze unit
|
||||
composition and predict in-game victors and unit statistics.
|
||||
<br />
|
||||
Unfortunately, NationsGame is now defunct. Limited screenshots of
|
||||
functionality.
|
||||
</Project>
|
||||
<Project
|
||||
status="incomplete"
|
||||
title="WallCycle"
|
||||
classes="programming"
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/WallCycle",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
A GNOME extension that cycles through a folder of wallpapers.
|
||||
</Project>
|
||||
<Project
|
||||
status="complete"
|
||||
title="VEXcode Button Engine"
|
||||
classes="programming"
|
||||
bgi={vexbutt}
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/VEXcode-Button-Generator",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
VEXcode button library + examples and template for the VEX V5 brain
|
||||
</Project>
|
||||
<Project
|
||||
status="complete"
|
||||
title="WinKeylogger"
|
||||
classes="programming"
|
||||
links={[
|
||||
[
|
||||
"https://github.com/asimonson1125/WinKeylogger",
|
||||
<img alt="github" src={github} />,
|
||||
],
|
||||
]}
|
||||
>
|
||||
A C++ keylogger for windows based off a udemy course with my custom
|
||||
modifications and powershell script.
|
||||
</Project>
|
||||
</ProjectList>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user