mirror of
https://github.com/its-michaelroy/Simple_Portfolio.git
synced 2026-06-03 23:00:43 +00:00
Added projects, updated Picture size, Download CV button, Text under said button, increased footer icon size, and moved copyright and so forth closer to bottom of screen. Also, fixed spelling errors.
This commit is contained in:
its-michaelroy
25
.idea/watcherTasks.xml
generated
Normal file
25
.idea/watcherTasks.xml
generated
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectTasksOptions">
|
||||||
|
<TaskOptions isEnabled="false">
|
||||||
|
<option name="arguments" value="$FileName$:$FileNameWithoutExtension$.css" />
|
||||||
|
<option name="checkSyntaxErrors" value="true" />
|
||||||
|
<option name="description" />
|
||||||
|
<option name="exitCodeBehavior" value="ERROR" />
|
||||||
|
<option name="fileExtension" value="scss" />
|
||||||
|
<option name="immediateSync" value="true" />
|
||||||
|
<option name="name" value="SCSS" />
|
||||||
|
<option name="output" value="$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map" />
|
||||||
|
<option name="outputFilters">
|
||||||
|
<array />
|
||||||
|
</option>
|
||||||
|
<option name="outputFromStdout" value="false" />
|
||||||
|
<option name="program" value="sass" />
|
||||||
|
<option name="runOnExternalChanges" value="true" />
|
||||||
|
<option name="scopeName" value="Project Files" />
|
||||||
|
<option name="trackOnlyRoot" value="true" />
|
||||||
|
<option name="workingDir" value="$FileDir$" />
|
||||||
|
<envs />
|
||||||
|
</TaskOptions>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
@@ -2622,7 +2622,7 @@ input[type="button"],
|
|||||||
height: 3.15em;
|
height: 3.15em;
|
||||||
height: calc(2.75em + 6px);
|
height: calc(2.75em + 6px);
|
||||||
line-height: 2.75em;
|
line-height: 2.75em;
|
||||||
min-width: 10em;
|
min-width: 100%;
|
||||||
padding: 0 1.5em;
|
padding: 0 1.5em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@@ -2811,29 +2811,40 @@ input[type="button"]:disabled,
|
|||||||
font-size: 1.35em;
|
font-size: 1.35em;
|
||||||
line-height: 1.75em;
|
line-height: 1.75em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header > .inner {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header .image.avatar {
|
#header .image.avatar {
|
||||||
margin: 0 0 1em 0;
|
margin: 0 auto;
|
||||||
width: 6.25em;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Footer */
|
/* Footer */
|
||||||
|
|
||||||
#footer .icons {
|
#footer .icons {
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer .icons a {
|
#footer .icons a {
|
||||||
color: rgba(255, 255, 255, 0.9);
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
font-size: 1.5em; /* come back later */
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer .copyright {
|
#footer .copyright {
|
||||||
color: rgba(255, 255, 255, 0.4);
|
color: rgba(255, 255, 255, 0.4);
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 1em 0 0 0;
|
margin: 5em 0 0 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer .copyright li {
|
#footer .copyright li {
|
||||||
|
|||||||
BIN
images/Flash_Ace.png
Normal file
BIN
images/Flash_Ace.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
images/HamStudyX.jpeg
Normal file
BIN
images/HamStudyX.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
BIN
images/HamStudyX.jpg
Normal file
BIN
images/HamStudyX.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
BIN
images/stocksmartai.png
Normal file
BIN
images/stocksmartai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 315 KiB |
814
index.html
814
index.html
@@ -5,77 +5,74 @@
|
|||||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
-->
|
-->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Michael Roy's Portfolio</title>
|
<title>Michael Roy's Portfolio</title>
|
||||||
<!--Favicon added below-->
|
<!--Favicon added below-->
|
||||||
<link rel="icon" href="./images/photo.png" type="image/png" />
|
<link rel="icon" href="./images/photo.png" type="image/png" />
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta
|
<meta
|
||||||
name="viewport"
|
name="viewport"
|
||||||
content="width=device-width, initial-scale=1, user-scalable=no"
|
content="width=device-width, initial-scale=1, user-scalable=no"
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="assets/css/main.css" />
|
<link rel="stylesheet" href="assets/css/main.css" />
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
|
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>
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||||
|
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<!-- ... existing header content ... -->
|
<!-- ... existing header content ... -->
|
||||||
<div id="theme-toggle"></div>
|
<div id="theme-toggle"></div>
|
||||||
</div>
|
</div>
|
||||||
</head>
|
</head>
|
||||||
<body class="is-preload">
|
<body class="is-preload">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<header id="header">
|
<header id="header">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<a
|
<a
|
||||||
href="https://github.com/its-michaelroy"
|
href="https://github.com/its-michaelroy"
|
||||||
class="image avatar"
|
class="image avatar"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
><img src="images/avatar.png" alt="Michael Roy" /></a
|
><img src="images/avatar.png" alt="Michael Roy" /></a><br />
|
||||||
><br />
|
<a
|
||||||
<a
|
href="documents/Michael_Roy_Resume.pdf"
|
||||||
href="documents/Michael_Roy_Resume.pdf"
|
class="button"
|
||||||
class="button"
|
id="downloadCV"
|
||||||
id="downloadCV"
|
>Download CV</a>
|
||||||
>Download CV</a
|
|
||||||
>
|
|
||||||
|
|
||||||
<h1>
|
<h1>
|
||||||
<strong>I am Michael Roy</strong>, a dedicated digital craftsman, Ham radio enthusiasts,
|
I am Michael Roy, a dedicated Digital Craftsman, Ham Radio Enthusiast,
|
||||||
<br />
|
and lover of Pancakes & Theology!
|
||||||
and lover of pancakes & Theology!<br />
|
</h1>
|
||||||
</h1>
|
</div>
|
||||||
</div>
|
</header>
|
||||||
|
|
||||||
|
<!-- Main -->
|
||||||
|
<div id="main">
|
||||||
|
<!-- One -->
|
||||||
|
<section id="one">
|
||||||
|
<header class="major">
|
||||||
|
<h2>About Me<br /></h2>
|
||||||
</header>
|
</header>
|
||||||
|
<p>
|
||||||
<!-- Main -->
|
From a young age, I've always been fascinated by how things work,
|
||||||
<div id="main">
|
constantly taking apart and reassembling gadgets to understand their
|
||||||
<!-- One -->
|
inner workings. This curiosity naturally led me to a career in
|
||||||
<section id="one">
|
technology, where I could indulge my natural curiosity for
|
||||||
<header class="major">
|
problem-solving and innovation. My journey took a significant turn
|
||||||
<h2>About Me<br /></h2>
|
when I was deployed to Afghanistan, where I served as a military
|
||||||
</header>
|
police officer, working closely with the Afghan Army. This experience
|
||||||
<p>
|
instilled in me
|
||||||
From a young age, I've always been fascinated by how things work,
|
<span id="more" class="hidden">
|
||||||
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 curiousity 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
|
a strong work ethic and discipline, and it was during this time I
|
||||||
was encouraged by special ops personnel to pursue IT. This advice
|
was encouraged by special ops personnel to pursue IT. This advice
|
||||||
set me on a path that led to critical roles in data center
|
set me on a path that led to critical roles in data center
|
||||||
management and network optimization for organizations like Oracle.
|
management and network optimization for organizations like Oracle.
|
||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
<span id="more" class="hidden">
|
<span id="more" class="hidden">
|
||||||
My career took another pivotal step during my time at UPMC
|
My career took another pivotal step during my time at UPMC
|
||||||
CancerCenters, where I realized that technology could have a
|
CancerCenters, where I realized that technology could have a
|
||||||
@@ -92,229 +89,223 @@
|
|||||||
opportunities, or simply exchange knowledge in the tech space, I'd
|
opportunities, or simply exchange knowledge in the tech space, I'd
|
||||||
love to connect!
|
love to connect!
|
||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
<ul class="actions">
|
<ul class="actions">
|
||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
id="learn-more-btn"
|
id="learn-more-btn"
|
||||||
class="button learn-more"
|
class="button learn-more"
|
||||||
onclick="toggleParagraph()"
|
onclick="toggleParagraph()"
|
||||||
>
|
>
|
||||||
Learn More
|
Learn More
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Two -->
|
<!-- Two -->
|
||||||
<section id="two">
|
<section id="two">
|
||||||
<h2>Recent Work</h2>
|
<h2>Recent Work</h2>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<article class="col-6 col-12-xsmall work-item">
|
<article class="col-6 col-12-xsmall work-item">
|
||||||
<a
|
<a
|
||||||
href="https://deep-impact.onrender.com"
|
href="https://github.com/its-michaelroy/HamStudyX"
|
||||||
class="image fit thumb"
|
class="image fit thumb"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
><img src="images/DeepImpact.jpeg" alt="Michael Roy"
|
><img src="images/HamStudyX.jpeg" alt="Michael Roy"
|
||||||
/></a>
|
/></a>
|
||||||
<h3>Deep Impact (2024 Hackathon Winner!)</h3>
|
<h3>HamStudyX - January 2025</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://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!)</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://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!)</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://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!)</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</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://pay-bridge-bitcoin-games.vercel.app/"
|
|
||||||
class="image fit thumb"
|
|
||||||
target="_blank"
|
|
||||||
><img src="images/paybridge_logo.jpg" alt="Michael Roy"
|
|
||||||
/></a>
|
|
||||||
<h3>PayBridge</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/ValidationStation"
|
|
||||||
class="image fit thumb"
|
|
||||||
target="_blank"
|
|
||||||
><img src="images/validation.png" alt="Michael Roy"
|
|
||||||
/></a>
|
|
||||||
<h3>Validation Station</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</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</h3>
|
|
||||||
<p>
|
|
||||||
Web application game created as capstone project for users to play
|
|
||||||
a game of shufflepuck against an AI apponet. Built using
|
|
||||||
JavaScript ES6, PHP, CSS, and SVG
|
|
||||||
</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</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>
|
|
||||||
</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>
|
<p>
|
||||||
If you're passionate about software engineering, DevOps, or innovative
|
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
|
||||||
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>
|
</p>
|
||||||
<div class="row">
|
</article>
|
||||||
<div class="col-8 col-12-small">
|
<article class="col-6 col-12-xsmall work-item">
|
||||||
<form
|
<a
|
||||||
method="POST"
|
href="https://github.com/Headstarters/Flash-card-app"
|
||||||
action="https://api.web3forms.com/submit"
|
class="image fit thumb"
|
||||||
class="row gtr-uniform gtr-50"
|
target="_blank"
|
||||||
id="contactForm"
|
><img src="images/Flash_Ace.png" alt="Michael Roy"
|
||||||
>
|
/></a>
|
||||||
<input
|
<h3>FlashAce AI - August 2024</h3>
|
||||||
type="hidden"
|
<p>
|
||||||
name="access_key"
|
Dynamic AI flashcard application with study mode, allowing users to generate custom decks for efficient
|
||||||
value="da00b9ec-b11d-424c-af36-d19b232d365a"
|
learning.Built using Next, React, JavaScript ES6, MUI, Firebase, Clerk, OpenAI, and Stripe API
|
||||||
/>
|
</p>
|
||||||
<div class="col-6 col-12-xsmall">
|
</article>
|
||||||
<input
|
<article class="col-6 col-12-xsmall work-item">
|
||||||
type="text"
|
<a
|
||||||
name="name"
|
href="https://stocksmart.obsidian-labs.org"
|
||||||
id="name"
|
class="image fit thumb"
|
||||||
placeholder="Name"
|
target="_blank"
|
||||||
required
|
><img src="images/stocksmartai.png" alt="Michael Roy"
|
||||||
/>
|
/></a>
|
||||||
</div>
|
<h3>Stock Smart Pantry Tracker - July 2024</h3>
|
||||||
<div class="col-6 col-12-xsmall">
|
<p>
|
||||||
<input
|
Project showcases expertise in modern web development frameworks, data management with full CRUD (Create,
|
||||||
type="email"
|
Read, Update, Delete) capabilities, and user interface design using MUI components. Built a real-time pantry
|
||||||
name="email"
|
tracking application with React, NextJS, MUI, and Firebase
|
||||||
id="email"
|
</p>
|
||||||
placeholder="Email"
|
</article>
|
||||||
required
|
<article class="col-6 col-12-xsmall work-item">
|
||||||
/>
|
<a
|
||||||
</div>
|
href="https://pay-bridge-bitcoin-games.vercel.app/"
|
||||||
<div class="col-12">
|
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
|
<textarea
|
||||||
name="message"
|
name="message"
|
||||||
id="message"
|
id="message"
|
||||||
@@ -322,136 +313,137 @@
|
|||||||
rows="4"
|
rows="4"
|
||||||
required
|
required
|
||||||
></textarea>
|
></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>
|
||||||
</div>
|
<div class="col-6 col-12-xsmall">
|
||||||
</section>
|
<div
|
||||||
</div>
|
class="h-captcha"
|
||||||
|
data-captcha="true"
|
||||||
<!-- Footer -->
|
data-callback="onVerify"
|
||||||
<footer id="footer">
|
></div>
|
||||||
<div class="inner">
|
</div>
|
||||||
<ul class="icons">
|
<!-- Honeypot Spam Protection -->
|
||||||
<li>
|
<input
|
||||||
<a
|
type="checkbox"
|
||||||
href="https://www.linkedin.com/in/michaelroy91"
|
name="botcheck"
|
||||||
class="icon brands fa-linkedin"
|
class="hidden"
|
||||||
target="_blank"
|
style="display: none"
|
||||||
title="Visit my LinkedIn"
|
/>
|
||||||
><span class="label">Linkedin</span></a
|
<div class="col-12">
|
||||||
>
|
<ul class="actions">
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<input
|
||||||
<a
|
id="send-message-input"
|
||||||
href="https://github.com/its-michaelroy"
|
type="submit"
|
||||||
class="icon brands fa-github"
|
value="Send Message"
|
||||||
target="_blank"
|
/>
|
||||||
title="Visit my Github"
|
</li>
|
||||||
><span class="label">Github</span></a
|
</ul>
|
||||||
>
|
</div>
|
||||||
</li>
|
<input
|
||||||
<li>
|
type="hidden"
|
||||||
<a
|
name="from_name"
|
||||||
href="https://mrcodewizard.com/"
|
value="From Michaelroy.dev"
|
||||||
class="icon brands fa-fort-awesome"
|
/>
|
||||||
target="_blank"
|
</form>
|
||||||
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>
|
||||||
</footer>
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Scripts -->
|
<!-- Footer -->
|
||||||
<!-- Required only if you are using hCaptcha or Advanced File Upload. -->
|
<footer id="footer">
|
||||||
<script src="https://web3forms.com/client/script.js" async defer></script>
|
<div class="inner">
|
||||||
<script src="assets/js/jquery.min.js"></script>
|
<ul class="icons">
|
||||||
<script src="assets/js/jquery.poptrox.min.js"></script>
|
<li>
|
||||||
<script src="assets/js/browser.min.js"></script>
|
<a
|
||||||
<script src="assets/js/breakpoints.min.js"></script>
|
href="https://www.linkedin.com/in/michaelroy91"
|
||||||
<script src="assets/js/util.js"></script>
|
class="icon brands fa-linkedin"
|
||||||
<script src="assets/js/main.js"></script>
|
target="_blank"
|
||||||
<script src="assets/js/year.js"></script>
|
title="Visit my LinkedIn"
|
||||||
<script src="assets/js/fullparagrph.js"></script>
|
><span class="label">Linkedin</span></a
|
||||||
<script src="assets/js/darkmode.js"></script>
|
>
|
||||||
<script src="assets/js/formHandler.js" defer></script>
|
</li>
|
||||||
<script>
|
<li>
|
||||||
window.va =
|
<a
|
||||||
window.va ||
|
href="https://github.com/its-michaelroy"
|
||||||
function () {
|
class="icon brands fa-github"
|
||||||
(window.vaq = window.vaq || []).push(arguments);
|
target="_blank"
|
||||||
};
|
title="Visit my Github"
|
||||||
</script>
|
><span class="label">Github</span></a
|
||||||
<script defer src="/_vercel/insights/script.js"></script>
|
>
|
||||||
<script>
|
</li>
|
||||||
window.si =
|
<li>
|
||||||
window.si ||
|
<a
|
||||||
function () {
|
href="https://mrcodewizard.com/"
|
||||||
(window.siq = window.siq || []).push(arguments);
|
class="icon brands fa-fort-awesome"
|
||||||
};
|
target="_blank"
|
||||||
</script>
|
title="Visit my Portfolio"
|
||||||
<script defer src="/_vercel/speed-insights/script.js"></script>
|
><span class="label">Portfolio</span></a
|
||||||
</body>
|
>
|
||||||
|
</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>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user