mirror of
https://github.com/its-michaelroy/Simple_Portfolio.git
synced 2026-06-03 23:00:43 +00:00
460 lines
16 KiB
HTML
460 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Strata by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Michael Roy's Portfolio</title>
|
|
<!--Favicon added below-->
|
|
<link rel="icon" href="./images/photo.png" type="image/png" />
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, user-scalable=no"
|
|
/>
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
|
|
/>
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
|
|
<div class="inner">
|
|
<!-- ... existing header content ... -->
|
|
<div id="theme-toggle"></div>
|
|
</div>
|
|
</head>
|
|
<body class="is-preload">
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<div class="inner">
|
|
<a
|
|
href="https://github.com/its-michaelroy"
|
|
class="image avatar"
|
|
target="_blank"
|
|
><img src="images/avatar.png" alt="Michael Roy" /></a><br />
|
|
<div class="CVButtons">
|
|
<a
|
|
href="documents/Michael_Roy_Resume.pdf"
|
|
class="button"
|
|
target="_blank"
|
|
id="downloadCV"
|
|
>Download 1-Page CV</a>
|
|
<a
|
|
href="documents/Michael_Roy_Resume-2pg.pdf"
|
|
class="button"
|
|
target="_blank"
|
|
id="downloadCV2"
|
|
>Download 2-Page CV</a>
|
|
</div>
|
|
|
|
|
|
<h1>
|
|
I am Michael Roy, a dedicated Digital Craftsman, Ham Radio Enthusiast,
|
|
and lover of Pancakes & Theology!
|
|
</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
<!-- One -->
|
|
<section id="one">
|
|
<header class="major">
|
|
<h2>About Me<br /></h2>
|
|
</header>
|
|
<p>
|
|
From a young age, I've always been fascinated by how things work,
|
|
constantly taking apart and reassembling gadgets to understand their
|
|
inner workings. This curiosity naturally led me to a career in
|
|
technology, where I could indulge my natural curiosity for
|
|
problem-solving and innovation. My journey took a significant turn
|
|
when I was deployed to Afghanistan, where I served as a military
|
|
police officer, working closely with the Afghan Army. This experience
|
|
instilled in me
|
|
<span id="more" class="hidden">
|
|
a strong work ethic and discipline, and it was during this time I
|
|
was encouraged by special ops personnel to pursue IT. This advice
|
|
set me on a path that led to critical roles in data center
|
|
management and network optimization for organizations like Oracle.
|
|
</span>
|
|
</p>
|
|
|
|
<p>
|
|
<span id="more" class="hidden">
|
|
My career took another pivotal step during my time at UPMC
|
|
CancerCenters, where I realized that technology could have a
|
|
profound impact on people's lives. Although I wasn't directly
|
|
helping patients, ensuring that the doctors and nurses had reliable
|
|
technology reaffirmed my belief that the tech field is where I could
|
|
do the most good for humanity. Recently, I graduated from Code
|
|
Platoon's Full-Stack Software Engineering program and am currently
|
|
participating in their part-time DevOps & Cloud Engineering course.
|
|
My passion for technology extends to AI, machine learning, and
|
|
innovative solutions in healthcare. I'm excited to continue
|
|
expanding my expertise and collaborating with like-minded
|
|
professionals. Whether you're looking to discuss projects, career
|
|
opportunities, or simply exchange knowledge in the tech space, I'd
|
|
love to connect!
|
|
</span>
|
|
</p>
|
|
<ul class="actions">
|
|
<li>
|
|
<button
|
|
id="learn-more-btn"
|
|
class="button learn-more"
|
|
onclick="toggleParagraph()"
|
|
>
|
|
Learn More
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Two -->
|
|
<section id="two">
|
|
<h2>Recent Work</h2>
|
|
<div class="row">
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://github.com/its-michaelroy/HamStudyX"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/HamStudyX.jpeg" alt="Michael Roy"
|
|
/></a>
|
|
<h3>HamStudyX - January 2025</h3>
|
|
<p>
|
|
HamStudyX is a cross-platform mobile application designed to help users prepare for ham radio licensing exams. Built using .NET MAUI, it provides a structured way to practice multiple-choice and open-ended questions, track progress, and review quiz history — all within an intuitive interface
|
|
</p>
|
|
</article>
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://github.com/Headstarters/Flash-card-app"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/Flash_Ace.png" alt="Michael Roy"
|
|
/></a>
|
|
<h3>FlashAce AI - August 2024</h3>
|
|
<p>
|
|
Dynamic AI flashcard application with study mode, allowing users to generate custom decks for efficient
|
|
learning.Built using Next, React, JavaScript ES6, MUI, Firebase, Clerk, OpenAI, and Stripe API
|
|
</p>
|
|
</article>
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://stocksmart.obsidian-labs.org"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/stocksmartai.png" alt="Michael Roy"
|
|
/></a>
|
|
<h3>Stock Smart Pantry Tracker - July 2024</h3>
|
|
<p>
|
|
Project showcases expertise in modern web development frameworks, data management with full CRUD (Create,
|
|
Read, Update, Delete) capabilities, and user interface design using MUI components. Built a real-time pantry
|
|
tracking application with React, NextJS, MUI, and Firebase
|
|
</p>
|
|
</article>
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://pay-bridge-bitcoin-games.vercel.app/"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/paybridge_logo.jpg" alt="Michael Roy"
|
|
/></a>
|
|
<h3>PayBridge - July 2024</h3>
|
|
<p>
|
|
A decentralized payroll platform utilizing Rootstock, that enables
|
|
businesses to seamlessly make monthly payments to their employees.
|
|
With PayBridge, companies can manage their payroll more
|
|
efficiently, while employees enjoy the convenience of accessing
|
|
their salaries through a user-friendly interface.Built using
|
|
Javascript, Python, React, Solidity, Next, Tailwind, and CSS.
|
|
Using Wagmi, and Open AI API.
|
|
</p>
|
|
</article>
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://github.com/its-michaelroy/npx_business_card#readme"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/npx_Business_card_square.png" alt="Michael Roy"
|
|
/></a>
|
|
<h3>NPM Digital Business Card - June 2024</h3>
|
|
<p>
|
|
NPM Package created as an interesting way for other tech
|
|
enthusiasts and developers to reach out to each other and network.
|
|
Built with JavaScript, Node.js, and various libraries including
|
|
Megajs for file operations, Chalk fir styling, and more.
|
|
</p>
|
|
</article>
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://deep-impact.onrender.com"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/DeepImpact.jpeg" alt="Michael Roy"
|
|
/></a>
|
|
<h3>Deep Impact (2024 Hackathon Winner!) - May 2024</h3>
|
|
<p>
|
|
Web application designed to provide users with educational
|
|
insights into the potential dangers of asteroid impacts Built
|
|
using Python, JavaScript ES6, Django, React and hosted on Render
|
|
with NASA Sentry API
|
|
</p>
|
|
</article>
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://github.com/L-Carr/Platoon-Console"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/platoon-console-v3.svg" alt="Michael Roy"
|
|
/></a>
|
|
<h3>Platoon Console - April 2024</h3>
|
|
<p>
|
|
Web application dashboard for managing Code Platoon cohorts,
|
|
offering centralized access to course materials Built using
|
|
Python, JavaScript ES6, Django, React, and a PostgreSQL database
|
|
with Google API
|
|
</p>
|
|
</article>
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://github.com/its-michaelroy/ValidationStation"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/validation.png" alt="Michael Roy"
|
|
/></a>
|
|
<h3>Validation Station - April 2024</h3>
|
|
<p>
|
|
Application created for businesses as a way to create a databse of
|
|
valid contact information and for individual use as a way to avoid
|
|
spam via email and phone calls. Future use will include a way to
|
|
import and export csvs of data for blacklist and whitelist. Built
|
|
using Python, JavaScript ES6, Django, React, and a PostgreSQL
|
|
database for storing user Login, Email, and Phone information.
|
|
Utilizes API for email and phone number validation from
|
|
<a href="https://www.bigdatacloud.com" target="_blank"
|
|
>Big Data Cloud</a
|
|
>
|
|
</p>
|
|
</article>
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://mrcodewizard.com"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/website.png" alt="Michael Roy"
|
|
/></a>
|
|
<h3>Minimal Portfolio - February 2024</h3>
|
|
<p>
|
|
Created to showcase my projects and experience in a minimalistic
|
|
format.Built with Javascript, React, Tailwind, Vite, CSS
|
|
</p>
|
|
</article>
|
|
<article class="col-6 col-12-xsmall work-item">
|
|
<a
|
|
href="https://mrcodewizard.com/p1/ShufflePuck"
|
|
class="image fit thumb"
|
|
target="_blank"
|
|
><img src="images/Shufflepuck.png" alt="Michael Roy"
|
|
/></a>
|
|
<h3>Shuffle Puck - April 2017</h3>
|
|
<p>
|
|
Web application game created as capstone project for users to play
|
|
a game of 'shufflepuck' against an AI opponent. Built using
|
|
JavaScript ES6, PHP, CSS, and SVG
|
|
</p>
|
|
</article>
|
|
</div>
|
|
<!-- <ul class="actions">
|
|
<li><a href="#" class="button">Full Portfolio</a></li>
|
|
</ul> -->
|
|
</section>
|
|
|
|
<!-- Three -->
|
|
<section id="three">
|
|
<h2>Get In Touch</h2>
|
|
<p>
|
|
If you're passionate about software engineering, DevOps, or innovative
|
|
AI projects, let's connect! With over a decade of experience in IT and
|
|
recent ventures into full-stack development and cloud engineering, I'm
|
|
eager to collaborate, share insights, and explore new opportunities.
|
|
Reach out to discuss projects, career opportunities, or simply to
|
|
exchange knowledge in the tech space.
|
|
</p>
|
|
<div class="row">
|
|
<div class="col-8 col-12-small">
|
|
<form
|
|
method="POST"
|
|
action="https://api.web3forms.com/submit"
|
|
class="row gtr-uniform gtr-50"
|
|
id="contactForm"
|
|
>
|
|
<input
|
|
type="hidden"
|
|
name="access_key"
|
|
value="da00b9ec-b11d-424c-af36-d19b232d365a"
|
|
/>
|
|
<div class="col-6 col-12-xsmall">
|
|
<input
|
|
type="text"
|
|
name="name"
|
|
id="name"
|
|
placeholder="Name"
|
|
required
|
|
/>
|
|
</div>
|
|
<div class="col-6 col-12-xsmall">
|
|
<input
|
|
type="email"
|
|
name="email"
|
|
id="email"
|
|
placeholder="Email"
|
|
required
|
|
/>
|
|
</div>
|
|
<div class="col-12">
|
|
<textarea
|
|
name="message"
|
|
id="message"
|
|
placeholder="Message"
|
|
rows="4"
|
|
required
|
|
></textarea>
|
|
</div>
|
|
<div class="col-6 col-12-xsmall">
|
|
<div
|
|
class="h-captcha"
|
|
data-captcha="true"
|
|
data-callback="onVerify"
|
|
></div>
|
|
</div>
|
|
<!-- Honeypot Spam Protection -->
|
|
<input
|
|
type="checkbox"
|
|
name="botcheck"
|
|
class="hidden"
|
|
style="display: none"
|
|
/>
|
|
<div class="col-12">
|
|
<ul class="actions">
|
|
<li>
|
|
<input
|
|
id="send-message-input"
|
|
type="submit"
|
|
value="Send Message"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<input
|
|
type="hidden"
|
|
name="from_name"
|
|
value="From Michaelroy.dev"
|
|
/>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<div class="inner">
|
|
<ul class="icons">
|
|
<li>
|
|
<a
|
|
href="https://www.linkedin.com/in/michaelroy91"
|
|
class="icon brands fa-linkedin"
|
|
target="_blank"
|
|
title="Visit my LinkedIn"
|
|
><span class="label">Linkedin</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://github.com/its-michaelroy"
|
|
class="icon brands fa-github"
|
|
target="_blank"
|
|
title="Visit my Github"
|
|
><span class="label">Github</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://mrcodewizard.com/"
|
|
class="icon brands fa-fort-awesome"
|
|
target="_blank"
|
|
title="Visit my Portfolio"
|
|
><span class="label">Portfolio</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="documents/Michael_Roy_Resume.pdf"
|
|
class="icon solid fa-file-pdf"
|
|
download="Michael_Roy_Resume.pdf"
|
|
title="Resume"
|
|
><span class="label">Resume</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="mailto:michael.roy@mrcodewizard.com"
|
|
class="icon solid fa-envelope"
|
|
title="Send an Email"
|
|
><span class="label">Email</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://buymeacoffee.com/michaelroy"
|
|
class="icon solid fa-coffee"
|
|
target="_blank"
|
|
title="Buy this guy some Jo'"
|
|
><span class="label">Coffee</span></a
|
|
>
|
|
</li>
|
|
</ul>
|
|
<ul class="copyright">
|
|
<li id="year">© Michael Roy.</li>
|
|
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
<div></div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<!-- Required only if you are using hCaptcha or Advanced File Upload. -->
|
|
<script src="https://web3forms.com/client/script.js" async defer></script>
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.poptrox.min.js"></script>
|
|
<script src="assets/js/browser.min.js"></script>
|
|
<script src="assets/js/breakpoints.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
<script src="assets/js/year.js"></script>
|
|
<script src="assets/js/fullparagrph.js"></script>
|
|
<script src="assets/js/darkmode.js"></script>
|
|
<script src="assets/js/formHandler.js" defer></script>
|
|
<script>
|
|
window.va =
|
|
window.va ||
|
|
function() {
|
|
(window.vaq = window.vaq || []).push(arguments);
|
|
};
|
|
</script>
|
|
<script defer src="/_vercel/insights/script.js"></script>
|
|
<script>
|
|
window.si =
|
|
window.si ||
|
|
function() {
|
|
(window.siq = window.siq || []).push(arguments);
|
|
};
|
|
</script>
|
|
<script defer src="/_vercel/speed-insights/script.js"></script>
|
|
</body>
|
|
</html>
|