{"id":146,"date":"2025-09-09T23:08:53","date_gmt":"2025-09-09T23:08:53","guid":{"rendered":"https:\/\/brodykretz.com\/home-page\/"},"modified":"2025-09-09T23:08:53","modified_gmt":"2025-09-09T23:08:53","slug":"home-page","status":"publish","type":"page","link":"https:\/\/brodykretz.com\/","title":{"rendered":"Brody Eccles Kretz"},"content":{"rendered":"\n<!-- ========================================= -->\n<!-- BLOCK 1: NAVIGATION -->\n<!-- ========================================= -->\n<nav class=\"navbar\">\n    <div class=\"nav-container\">\n        <div class=\"logo\">Brody Kretz<\/div>\n        <ul class=\"nav-links\">\n            <li><a href=\"\/#home\">Home<\/a><\/li>\n            <li><a href=\"\/#about\">About<\/a><\/li>\n            <li><a href=\"\/#projects\">Projects<\/a><\/li>\n            <li><a href=\"\/#resume\">Resume<\/a><\/li>\n            <li><a href=\"\/#contact\">Contact<\/a><\/li>\n        <\/ul>\n    <\/div>\n<\/nav>\n\n\n\n<!-- ========================================= -->\n<!-- BLOCK 2: HERO SECTION -->\n<!-- ========================================= -->\n<section id=\"home\" class=\"hero\">\n    <div class=\"container\">\n        <div class=\"hero-content\">\n            <h1>Brody Kretz<\/h1>\n            <p>Information Scientist passionate about technology and business, driven to solve real-world problems by creating innovative and practical tech solutions. I bridge data, design, and strategy to make a meaningful impact.<\/p>\n            <a href=\"\/#projects\" class=\"cta-button\">View My Work<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- BLOCK 3: ABOUT SECTION -->\n<!-- ========================================= -->\n<section id=\"about\" class=\"section\">\n    <div class=\"container\">\n        <h2 class=\"section-title\">About Me<\/h2>\n        <div class=\"about-content-full\">\n            <div class=\"about-text-full\">\n                <h3>Information Scientist &#038; Tech Innovator<\/h3>\n                <p>I&#8217;m currently pursuing a Bachelor of Science in Information Science with a minor in Business at the University of Colorado Boulder (graduating May 2026). My passion lies at the intersection of technology, data, and business strategy.<\/p>\n                \n                <p>My journey in tech has taken me from software development internships at Vidsig, where I collaborated with teams to enhance digital platforms, to hands-on roles at Safeway as a Produce Clerk, where I honed my organizational and customer service skills. These diverse experiences have shaped my ability to approach problems from multiple angles.<\/p>\n                \n                <p>I believe in using technology not just for innovation&#8217;s sake, but to solve real-world problems and create meaningful impact. Whether it&#8217;s analyzing FBI crime data, visualizing Spotify artist networks, or researching user experiences, I&#8217;m driven by curiosity and a commitment to making data-driven decisions that matter.<\/p>\n                \n                <div class=\"skills-list\">\n                    <span class=\"skill-tag\">Python<\/span>\n                    <span class=\"skill-tag\">JavaScript<\/span>\n                    <span class=\"skill-tag\">SQL<\/span>\n                    <span class=\"skill-tag\">C++<\/span>\n                    <span class=\"skill-tag\">Data Analysis<\/span>\n                    <span class=\"skill-tag\">Machine Learning<\/span>\n                    <span class=\"skill-tag\">Tableau<\/span>\n                    <span class=\"skill-tag\">BigQuery<\/span>\n                    <span class=\"skill-tag\">Problem Solving<\/span>\n                    <span class=\"skill-tag\">Critical Thinking<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- BLOCK 4: PROJECTS SECTION -->\n<!-- ========================================= -->\n<section id=\"projects\" class=\"section\">\n    <div class=\"container\">\n        <h2 class=\"section-title\">My Projects<\/h2>\n        <div class=\"projects-grid\">\n            \n            <!-- PROJECT 1: Spotify Artist Network -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"http:\/\/35.95.110.57\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-06-at-8.10.22-PM.png\" alt=\"Spotify Artist Network Visualization\" \/>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">Spotify Artist Network Visualization<\/h3>\n                    <p class=\"project-description\">Developed a Python program using the Spotify API to map networks of related artists and visualize genre connections. Implemented recursive data collection to trace multi-level artist relationships and created an interactive web-based visualization showing how artists and genres interconnect across Spotify&#8217;s recommendation system.<\/p>\n                    <div class=\"project-tech\">\n                        <span class=\"tech-tag\">Python<\/span>\n                        <span class=\"tech-tag\">Spotify API<\/span>\n                        <span class=\"tech-tag\">Data Visualization<\/span>\n                        <span class=\"tech-tag\">Network Analysis<\/span>\n                    <\/div>\n                    <div class=\"project-links\">\n                        <a href=\"\/17-2\" class=\"project-link\"> View Project Page<\/a>\n                        <a href=\"https:\/\/github.com\/BrodyKretz\/SpotifyArtistNetwork\" class=\"project-link\">View Code<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- PROJECT 2: FBI Most Wanted Data Analysis -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"http:\/\/35.95.110.57\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-06-at-8.11.51-PM-e1759803341233.png\" alt=\"FBI Most Wanted Data Analysis\" \/>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">FBI Most Wanted Data Analysis<\/h3>\n                    <p class=\"project-description\">Collected and analyzed data from the FBI Most Wanted API and external CSV datasets to map fugitive locations and activity patterns. Built interactive Python visualizations (Folium, Pandas, Matplotlib) to identify regional crime trends and correlations across states. Performed geospatial analysis to explore relationships between geography and fugitive capture success.<\/p>\n                    <div class=\"project-tech\">\n                        <span class=\"tech-tag\">Python<\/span>\n                        <span class=\"tech-tag\">Pandas<\/span>\n                        <span class=\"tech-tag\">Folium<\/span>\n                        <span class=\"tech-tag\">Geospatial Analysis<\/span>\n                    <\/div>\n                    <div class=\"project-links\">\n                        <a href=\"\/13-2\" class=\"project-link\"> View Project Page<\/a>\n                        <a href=\"https:\/\/github.com\/BrodyKretz\/FBIMostWanted\" class=\"project-link\">View Code<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- PROJECT 3: Yelp Data Analysis -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"http:\/\/35.95.110.57\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-06-at-8.18.13-PM.png\" alt=\"Yelp Data Analysis\" \/>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">Yelp Data Analysis Project<\/h3>\n                    <p class=\"project-description\">Analyzed large Yelp datasets using SQL and Google BigQuery to extract meaningful insights about business trends. Focused on patterns in customer reviews and ratings to understand consumer preferences across various business sectors. Provided visualizations and a summary report to highlight significant trends in consumer behavior and business performance.<\/p>\n                    <div class=\"project-tech\">\n                        <span class=\"tech-tag\">SQL<\/span>\n                        <span class=\"tech-tag\">Google BigQuery<\/span>\n                        <span class=\"tech-tag\">Tableau<\/span>\n                        <span class=\"tech-tag\">Data Analysis<\/span>\n                    <\/div>\n                    <div class=\"project-links\">\n                        <a href=\"\/15-2\" class=\"project-link\"> View Project Page<\/a>\n                        <a href=\"https:\/\/drive.google.com\/uc?export=download&#038;id=1eMg8IWOXe-r1NWkotsi3sZfBrMMI5-y0\" class=\"project-link\"> Download Tableau File<\/a>\n                        <a href=\"http:\/\/35.95.110.57\/wp-content\/uploads\/2025\/10\/Final-Project-INFO-1111.pdf\" class=\"project-link\" download> Download Research Summary<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- PROJECT 4: Project Survey Research -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"http:\/\/35.95.110.57\/wp-content\/uploads\/2025\/10\/Tableau-Data-1backup.png\" alt=\"Survey Research and Analysis\" \/>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">Survey Research and Analysis Project<\/h3>\n                    <p class=\"project-description\">Conducted survey research targeting students to gather insights on experiences with school websites and technology usage. Analyzed data from over 100 responses to evaluate usability, satisfaction, and areas for improvement in school digital platforms. Provided actionable recommendations for enhancing user experience.<\/p>\n                    <div class=\"project-tech\">\n                        <span class=\"tech-tag\">Survey Research<\/span>\n                        <span class=\"tech-tag\">Data Analysis<\/span>\n                        <span class=\"tech-tag\">UX Research<\/span>\n                        <span class=\"tech-tag\">Statistical Analysis<\/span>\n                    <\/div>\n                    <div class=\"project-links\">\n                        <a href=\"\/survey-research-and-analysis-project\" class=\"project-link\"> View Project Page<\/a>\n                        <a href=\"https:\/\/drive.google.com\/drive\/folders\/1mAhIZLybuTGNHbfBBs8iB4fV0_S73XUf?usp=sharing\" class=\"project-link\">View Code<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- PROJECT 5: ChessPlayerRatingPredictor -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"http:\/\/35.95.110.57\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-07-at-3.05.13-PM.png\" alt=\"Coming Soon\" \/>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">ChessPlayerRatingPredictor<\/h3>\n                    <p class=\"project-description\">Predicts Chess player rating of select information given from a game<\/p>\n                    <div class=\"project-tech\">\n                        <span class=\"tech-tag\">In Progress<\/span>\n                    <\/div>\n                    <div class=\"project-links\">\n                        <a href=\"\/chessplayerratingpredictor\" class=\"project-link\"> View Project Page<\/a>\n                        <a href=\"https:\/\/github.com\/BrodyKretz\/ChessPlayerRatingPredictor\" class=\"project-link\">View GitHub<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n          <!-- PROJECT 6: Chess Trainer Application -->\n<div class=\"project-card\">\n    <div class=\"project-image\">\n        <img decoding=\"async\" src=\"http:\/\/35.95.110.57\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-02-at-5.29.59-PM.png\" alt=\"Chess Trainer Application\" \/>\n    <\/div>\n    <div class=\"project-content\">\n        <h3 class=\"project-title\">Blind Chess Trainer<\/h3>\n        <p class=\"project-description\">Built a comprehensive web-based chess training application featuring three game modes: Square Color Recognition, Piece Movement Training, and Knight Tour Challenge. Developed using vanilla JavaScript with dynamic DOM manipulation and implemented chess movement validation algorithms. Features real-time scoring, piece visualization controls, and an interactive interface for improving chess visualization skills.<\/p>\n        <div class=\"project-tech\">\n            <span class=\"tech-tag\">JavaScript<\/span>\n            <span class=\"tech-tag\">HTML\/CSS<\/span>\n            <span class=\"tech-tag\">Game Development<\/span>\n            <span class=\"tech-tag\">Algorithm Design<\/span>\n        <\/div>\n        <div class=\"project-links\">\n            <a href=\"http:\/\/35.95.110.57\/blind-chess-practice\/\" class=\"project-link\"> Play Game<\/a>\n            <a href=\"https:\/\/github.com\/BrodyKretz\/BlindChessTrainer\/\" class=\"project-link\">View Code<\/a>\n        <\/div>\n    <\/div>\n<\/div>  \n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- BLOCK 5: RESUME SECTION -->\n<!-- ========================================= -->\n<section id=\"resume\" class=\"section resume-section\">\n    <div class=\"container\">\n        <h2 class=\"section-title\">Resume<\/h2>\n        <div class=\"resume-content\">\n            <div class=\"resume-preview\">\n                <img decoding=\"async\" src=\"http:\/\/35.95.110.57\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-06-at-8.28.25-PM.png\" alt=\"Brody Kretz Resume Preview\" \/>\n            <\/div>\n            <div class=\"resume-buttons\">\n                <a href=\"http:\/\/35.95.110.57\/wp-content\/uploads\/2025\/10\/Resume-Brody-Kretz.pdf-1.pdf\" class=\"resume-btn primary\" download>\n                     Download Professional Resume\n                <\/a>\n                <a href=\"\/%5BOPTIONAL:%20ADD%20CREATIVE%20RESUME%20PDF%20LINK%5D\" class=\"resume-btn secondary\" download>\n                     \n                <\/a>\n            <\/div>\n            <p style=\"color: #cbd5e1; margin-top: 2rem; font-size: 1.1rem;\">\n                Information Science student at CU Boulder with experience in software development, data analysis, and creating innovative tech solutions. Proficient in Python, SQL, JavaScript, and various data visualization tools.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- BLOCK 6: CONTACT SECTION -->\n<!-- ========================================= -->\n<footer class=\"footer\" id=\"contact\">\n    <div class=\"container\">\n        <h2>Get In Touch<\/h2>\n        <div class=\"footer-content\">\n            <a href=\"mailto:Brodyeckretz@gmail.com\" class=\"footer-link\">Brodyeckretz@gmail.com<\/a>\n            <a href=\"https:\/\/www.linkedin.com\/in\/brody-kretz\/\" class=\"footer-link\" target=\"_blank\">LinkedIn<\/a>\n            <a href=\"https:\/\/github.com\/BrodyKretz\" class=\"footer-link\" target=\"_blank\">GitHub<\/a>\n            <a href=\"tel:***-***-8486\" class=\"footer-link\">***-***-8486<\/a>\n        <\/div>\n        <p>&copy; 2025 Brody Kretz. All rights reserved.<\/p>\n    <\/div>\n<\/footer>\n\n\n\n<!-- ========================================= -->\n<!-- BLOCK 7: JAVASCRIPT -->\n<!-- ========================================= -->\n<script>\n\/\/ Smooth scrolling for navigation links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function (e) {\n        e.preventDefault();\n        const target = document.querySelector(this.getAttribute('href'));\n        if (target) {\n            target.scrollIntoView({\n                behavior: 'smooth',\n                block: 'start'\n            });\n        }\n    });\n});\n\n\/\/ Add active class to navigation based on scroll position\nwindow.addEventListener('scroll', () => {\n    const sections = document.querySelectorAll('section[id]');\n    const scrollPos = window.scrollY + 100;\n\n    sections.forEach(section => {\n        const sectionTop = section.offsetTop;\n        const sectionHeight = section.offsetHeight;\n        const sectionId = section.getAttribute('id');\n        const navLink = document.querySelector(`a[href=\"#${sectionId}\"]`);\n\n        if (scrollPos >= sectionTop && scrollPos < sectionTop + sectionHeight) {\n            document.querySelectorAll('.nav-links a').forEach(link => {\n                link.classList.remove('active');\n            });\n            if (navLink) {\n                navLink.classList.add('active');\n            }\n        }\n    });\n});\n\n\/\/ Image preview on hover functionality - FIXED\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Create overlay element for image preview\n    const overlay = document.createElement('div');\n    overlay.className = 'image-preview-overlay';\n    overlay.style.cssText = `\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        background: rgba(15, 23, 42, 0.98);\n        backdrop-filter: blur(20px);\n        z-index: 10000;\n        display: none;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n        pointer-events: none;\n    `;\n    \n    const previewImg = document.createElement('img');\n    previewImg.style.cssText = `\n        max-width: 90vw;\n        max-height: 90vh;\n        border-radius: 20px;\n        border: 3px solid rgba(96, 165, 250, 0.5);\n        box-shadow: 0 30px 100px rgba(0, 0, 0, 0.8);\n        object-fit: contain;\n    `;\n    \n    overlay.appendChild(previewImg);\n    document.body.appendChild(overlay);\n    \n    let isOverImage = false;\n    let isOverOverlay = false;\n    let hideTimeout = null;\n    \n    \/\/ Function to show overlay\n    function showOverlay(imgSrc) {\n        clearTimeout(hideTimeout);\n        previewImg.src = imgSrc;\n        overlay.style.display = 'flex';\n        overlay.style.pointerEvents = 'auto';\n        setTimeout(() => overlay.style.opacity = '1', 10);\n    }\n    \n    \/\/ Function to hide overlay\n    function hideOverlay() {\n        hideTimeout = setTimeout(() => {\n            if (!isOverImage && !isOverOverlay) {\n                overlay.style.opacity = '0';\n                setTimeout(() => {\n                    overlay.style.display = 'none';\n                    overlay.style.pointerEvents = 'none';\n                }, 300);\n            }\n        }, 100);\n    }\n    \n    \/\/ Add hover listeners to all project images\n    document.querySelectorAll('.project-image').forEach(projectImage => {\n        projectImage.addEventListener('mouseenter', function() {\n            const img = this.querySelector('img');\n            if (img && img.src && !img.src.includes('[ADD')) {\n                isOverImage = true;\n                showOverlay(img.src);\n            }\n        });\n        \n        projectImage.addEventListener('mouseleave', function() {\n            isOverImage = false;\n            hideOverlay();\n        });\n    });\n    \n    \/\/ Overlay hover handlers\n    overlay.addEventListener('mouseenter', function() {\n        isOverOverlay = true;\n    });\n    \n    overlay.addEventListener('mouseleave', function() {\n        isOverOverlay = false;\n        hideOverlay();\n    });\n    \n    \/\/ Click overlay to close\n    overlay.addEventListener('click', function() {\n        isOverImage = false;\n        isOverOverlay = false;\n        overlay.style.opacity = '0';\n        setTimeout(() => {\n            overlay.style.display = 'none';\n            overlay.style.pointerEvents = 'none';\n        }, 300);\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Brody Kretz Home About Projects Resume Contact Brody Kretz Information Scientist passionate about technology and business, driven to solve real-world [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/brodykretz.com\/index.php?rest_route=\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brodykretz.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brodykretz.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brodykretz.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/brodykretz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":0,"href":"https:\/\/brodykretz.com\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions"}],"wp:attachment":[{"href":"https:\/\/brodykretz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}