diff --git a/jaydenandrews/about.html b/jaydenandrews/about.html new file mode 100644 index 0000000..e5cb858 --- /dev/null +++ b/jaydenandrews/about.html @@ -0,0 +1,130 @@ + + + + + + + Jayden Andrews + + + + + + + + + +
+
+ + +
+

About Me

+
+
+

Hi! I'm passionate about software engineering and problem-solving. I love building practical + tools + that make everyday tasks easier and more efficient. Through my projects and hands-on experience, + I've gained skills in programming, data analysis, and algorithm design, while learning to + approach + development with attention to detail.

+

I'm motivated by the chance to create software that has a real impact. I focus on building + solutions + that are thoughtful, reliable, and genuinely useful in the real world. Continuing to learn and + grow + as an engineer is always a priority for me, and I enjoy collaborating with teams to tackle + challenging problems.

+

Outside of technology, I play the saxophone, sing, and stay active. These hobbies have taught me + discipline, creativity, and teamwork — qualities I bring to everything I do as a software + engineer. +

+
+
+ + +
+

Education

+
+ +
+ + +
+ +
+

Code-Differently

+

AI-Powered Software Engineering Bootcamp

+
+
+ + +
+ +
+

University of Maryland, College Park

+

Bachelor of Science, Computer Science

+
+
+ +
+
+ + +
+

Relevant Coursework

+
+ +
    +
  • Object-Oriented Programming
    • +
  • Programming Languages
    • +
  • Artificial Intelligence
    • +
  • Web Development
    • +
  • Data Structures
    • +
  • Algorithms
    • +
  • Databases
    • +
  • Programming Handheld Devices
    • +
  • Human-Computer Interaction
    • +
+
+
+
+ + + + + \ No newline at end of file diff --git a/jaydenandrews/experience.html b/jaydenandrews/experience.html new file mode 100644 index 0000000..d83f178 --- /dev/null +++ b/jaydenandrews/experience.html @@ -0,0 +1,110 @@ + + + + + + + Jayden Andrews + + + + + + + + + +
+ + +
+
+

Work Experience

+
+
+ +
+ + +
+ +
+

Music & Arts

+

Senior Sales Associate | August 2025 – Present

+
    +
  • Strengthened customer relationships, boosting sales by 20% through tailored product + recommendations and lesson program promotions.
    • +
  • Supported daily operations involving POS systems, inventory software, and internal + tools, + escalating technical issues as needed.
    • +
  • Maintained store operations including merchandising, security, and maintenance to ensure + a + smooth and welcoming retail environment.
    • +
+
+
+ + +
+ +
+

U.S. Food and Drug Administration

+

Oak Ridge Institute for Science and Education Fellow | June 2023 – August + 2023 +

+
    +
  • Automated administrative and consultation review processes, creating data visualizations + to + track progress with 100% success in timely task completion.
    • +
  • Processed and structured data with Pandas and integrated it into Power BI to improve + report + clarity and accessibility.
    • +
  • Optimized data mining programs to streamline divisional reports, reducing manual report + preparation time by ~20%.
    • +
+
+
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/jaydenandrews/images/Food_and_Drug_Administration_201x_logo.svg.png b/jaydenandrews/images/Food_and_Drug_Administration_201x_logo.svg.png new file mode 100644 index 0000000..d41a27e Binary files /dev/null and b/jaydenandrews/images/Food_and_Drug_Administration_201x_logo.svg.png differ diff --git a/jaydenandrews/images/JaydenAndrews.png b/jaydenandrews/images/JaydenAndrews.png new file mode 100644 index 0000000..e3bb95b Binary files /dev/null and b/jaydenandrews/images/JaydenAndrews.png differ diff --git a/jaydenandrews/images/code_differently_logo.png b/jaydenandrews/images/code_differently_logo.png new file mode 100644 index 0000000..73dbe6b Binary files /dev/null and b/jaydenandrews/images/code_differently_logo.png differ diff --git a/jaydenandrews/images/music and arts logo.jpeg b/jaydenandrews/images/music and arts logo.jpeg new file mode 100644 index 0000000..7bc49dc Binary files /dev/null and b/jaydenandrews/images/music and arts logo.jpeg differ diff --git a/jaydenandrews/images/umd seal.png b/jaydenandrews/images/umd seal.png new file mode 100644 index 0000000..801693c Binary files /dev/null and b/jaydenandrews/images/umd seal.png differ diff --git a/jaydenandrews/index.html b/jaydenandrews/index.html new file mode 100644 index 0000000..efaefa3 --- /dev/null +++ b/jaydenandrews/index.html @@ -0,0 +1,89 @@ + + + + + + + Jayden Andrews + + + + + + + + +
+
+
+ Jayden Andrews +
+

Jayden Andrews

+

Operations Analyst | Software Developer

+

Detail-Oriented & Focused on Building Impactful Solutions

+ +
+
+
+
+ + + + + \ No newline at end of file diff --git a/jaydenandrews/projects.html b/jaydenandrews/projects.html new file mode 100644 index 0000000..4c82580 --- /dev/null +++ b/jaydenandrews/projects.html @@ -0,0 +1,133 @@ + + + + + + + Jayden Andrews + + + + + + + + + +
+ + +
+
+

Projects

+
+
+ +
+ + +
+
+

Artificial Intelligence: Obstacle Course

+

March 2024

+ +
    +
  • Implemented a Q-Learning algorithm using the Bellman equation to optimize agent + performance. +
    • +
  • Visualized agent behavior during training using pygame for interpretability.
    • +
+
+
+ + +
+
+
+

Web Application Development: Pokémon Fan Club Finder

+ +
+

December 2023

+
    +
  • GitHub + Repository
    • +
  • Developed a website using JavaScript, CSS, and MongoDB to enhance user experience with + dynamic features.
    • +
  • Implemented algorithms to connect users based on shared preferences, achieving over 90% + connection accuracy.
    • +
+
+
+ + +
+
+
+

Programming Handheld Systems: Gluten-Free UMD Mobile Application

+ +
+

November 2022

+
    +
  • Built an Android app in Kotlin for logging and rating gluten-free meals, increasing meal + tracking efficiency.
    • +
  • Developed a scalable solution using Android Jetpack and Google Firestore, handling 100+ + meal + entries with 99.9% reliability.
    • +
+
+
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/jaydenandrews/skills.html b/jaydenandrews/skills.html new file mode 100644 index 0000000..afab32a --- /dev/null +++ b/jaydenandrews/skills.html @@ -0,0 +1,104 @@ + + + + + + + Jayden Andrews + + + + + + + + + +
+
+
+

Skills

+
+
+
+
+ + +
+

Programming Languages

+
    +
  • Python
    • +
  • Java
    • +
  • JavaScript
    • +
  • C++
    • +
  • Kotlin
    • +
  • HTML/CSS
    • +
  • SQL
    • +
+
+ + +
+

Tools & Frameworks

+
    +
  • React
    • +
  • Node.js
    • +
  • Pandas
    • +
  • Matplotlib
    • +
  • BeautifulSoup
    • +
  • Power BI
    • +
  • ArcGIS
    • +
  • Microsoft Office
    • +
+
+ + +
+

Certifications

+
    +
  • Java Foundations (Oracle)
    • +
  • CSM (Scrum Alliance)
    • +
  • Responsive Web Design (freeCodeCamp)
    • +
  • AI Fundamentals (Coursera)
    • +
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/jaydenandrews/style.css b/jaydenandrews/style.css new file mode 100644 index 0000000..0b4af95 --- /dev/null +++ b/jaydenandrews/style.css @@ -0,0 +1,399 @@ +@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Jost:wght@300;400;500&display=swap'); + +/* Color tokens */ +:root { + --color-cream: #FAF7F2; + --color-cream-dark: #EDE7DA; + --color-tan: #C4A882; + --color-brown: #7A5535; + --color-espresso: #3B2A1A; + --color-black: #1A1208; +} + +/* Base */ +body { + margin: 0; + background-color: var(--color-cream); + color: var(--color-black); + font-family: 'Jost', sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 1.75; +} + +#home-page, #skills-page { + overflow: hidden; +} + +h1, h2, h3 { + font-family: 'Cormorant Garamond', serif; + color: var(--color-black); + font-weight: 500; + margin: 0 0 0.25rem; +} + +a { + color: var(--color-brown); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +/* Navbar */ +.site-nav { + position: sticky; + top: 0; + z-index: 100; + background: var(--color-cream-dark); + border-bottom: 1px solid var(--color-tan); + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 2.5rem; + height: 60px; +} + +.site-nav__brand { + font-family: 'Cormorant Garamond', serif; + font-size: 1.25rem; + font-weight: 500; + color: var(--color-black); + text-decoration: none; + letter-spacing: 0.02em; +} + +.site-nav__links { + display: flex; + align-items: center; + list-style: none; + margin: 0; + padding: 0; +} + +.site-nav__links a { + display: block; + font-family: 'Jost', sans-serif; + font-size: 0.75rem; + font-weight: 400; + letter-spacing: 0.12em; + text-transform: uppercase; + color: var(--color-espresso); + text-decoration: none; + padding: 0.45rem 0.9rem; + border-radius: 3px; + transition: color 0.15s, background 0.15s; + position: relative; +} + +.site-nav__links a:hover { + color: var(--color-brown); + background: rgba(122, 85, 53, 0.07); +} + +.site-nav__links a.active { + color: var(--color-brown); + font-weight: 500; +} + +.site-nav__links a.active::after { + content: ''; + position: absolute; + bottom: 0; + left: 0.9rem; + right: 0.9rem; + height: 1.5px; + background: var(--color-brown); + border-radius: 2px; +} + +.site-nav__links a.disabled { + color: var(--color-tan); + pointer-events: none; +} + +.nav-toggle { + display: none; + flex-direction: column; + gap: 5px; + background: none; + border: none; + cursor: pointer; + padding: 4px; +} + +.nav-toggle span { + display: block; + width: 22px; + height: 1.5px; + background: var(--color-espresso); + border-radius: 2px; +} + +/* About page layout */ +.about-page { + display: flex; + flex-direction: column; + gap: 4rem; + max-width: 780px; + margin: 0 auto; + padding: 4rem 2.5rem 6rem; +} + +.about-section { + display: flex; + flex-direction: column; + gap: 1.25rem; +} + +/* Page header used on experience, projects, skills */ +.page-header { + display: flex; + flex-direction: column; + gap: 1.25rem; + margin-top: 25px; + margin-left: 50px; + margin-bottom: 2rem; +} + +.section-label { + font-family: 'Cormorant Garamond', serif; + font-size: 2rem; + font-weight: 500; + color: var(--color-black); + letter-spacing: 0.01em; +} + +.divider { + width: 48px; + height: 1.5px; + background: var(--color-brown); + border-radius: 2px; +} + +/* About body text */ +.about-body { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.about-body p { + margin: 0; + color: var(--color-espresso); + font-size: 0.975rem; + line-height: 1.85; +} + +/* Education and experience list cards */ +.edu-list { + display: flex; + flex-direction: column; + gap: 1.75rem; + margin-top: 25px; +} + +/* Full-width card used on about page */ +.edu-item { + display: flex; + flex-direction: row; + align-items: center; + gap: 1.5rem; + background: var(--color-cream-dark); + border: 2px solid #e8d5b7; + border-radius: 12px; + padding: 1.25rem 1.5rem; + flex: 1; + box-shadow: 0 6px 30px rgba(122, 82, 48, 0.12); +} + +/* Constrained card used on experience and projects pages */ +.list-item { + display: flex; + flex-direction: row; + align-items: center; + gap: 1.5rem; + background: var(--color-cream-dark); + border: 2px solid #e8d5b7; + border-radius: 12px; + padding: 1.25rem 1.5rem; + max-width: 1000px; + margin-left: 250px; + box-shadow: 0 6px 30px rgba(122, 82, 48, 0.12); +} + +/* Logo box shared by edu-item and list-item */ +.logo { + flex-shrink: 0; + width: 64px; + height: 64px; + border-radius: 8px; + background: var(--color-cream); + border: 1px solid var(--color-tan); + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; +} + +.logo img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.logo.umd img { + transform: scale(1); +} + +.edu-details { + display: flex; + flex-direction: column; + gap: 0.2rem; +} + +.edu-details h3 { + font-size: 1.1rem; + font-weight: 500; + margin: 0; +} + +.edu-degree { + margin: 0; + font-size: 0.875rem; + color: var(--color-brown); + font-weight: 400; + letter-spacing: 0.02em; +} + +/* Row used to align a title and github icon side by side */ +.card-details { + display: flex; + flex-direction: row; + gap: 1.25rem; +} + +/* Home page hero */ +#index-info { + min-height: calc(100vh - 60px); + display: flex; + align-items: center; + justify-content: center; + padding: 3rem 2.5rem; +} + +.container { + display: flex; + flex-direction: row; + align-items: center; + gap: 4rem; + max-width: 900px; + width: 100%; + margin-left: 250px; + margin-top: 125px; +} + +.profile-image { + width: 500px; + height: 500px; + object-fit: cover; + border-radius: 32px; + flex-shrink: 0; + border: 2px solid #e8d5b7; + flex: 1; + box-shadow: 0 6px 30px rgba(122, 82, 48, 0.12); +} + +/* Info card beside the profile photo */ +.card { + display: flex; + flex-direction: column; + background-color: var(--color-cream-dark); + border: 2px solid #e8d5b7; + border-radius: 16px; + padding: 40px 32px 36px; + flex: 1; + max-width: 320px; + box-shadow: 0 6px 30px rgba(122, 82, 48, 0.12); + position: relative; +} + +/* Skills page */ +#skills-info { + min-height: calc(100vh - 60px); + display: flex; + align-items: center; + justify-content: center; + padding: 3rem 2.5rem; +} + +.card-container { + display: flex; + flex-direction: row; + align-items: center; + gap: 4rem; + max-width: 900px; + width: 100%; + margin-bottom: 250px; +} + +/* Social icon buttons */ +.social-container { + display: flex; + gap: 2rem; + justify-content: center; + margin-top: 3rem; +} + +.social-link { + display: flex; + align-items: center; + justify-content: center; + width: 50px; + height: 50px; + background-color: var(--color-cream-dark); + border: 2px solid var(--color-tan); + border-radius: 12px; + transition: all 0.3s ease; + box-shadow: 0 6px 30px rgba(122, 82, 48, 0.12); +} + +.social-link svg { + width: 24px; + height: 24px; + fill: var(--color-espresso); + transition: fill 0.3s ease; +} + +.social-link:hover { + background-color: var(--color-brown); + border-color: var(--color-brown); +} + +.social-link:hover svg { + fill: var(--color-cream); +} + +/* Smaller github icon on project cards */ +.project-link { + width: 32px; + height: 32px; + border-radius: 8px; + margin-bottom: 0.5rem; +} + +.project-link svg { + width: 16px; + height: 16px; +} + +/* Page fade */ +.page-content { + animation: fadeIn 0.4s ease; +} + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} \ No newline at end of file