Skip to content

Tetrio stats #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
MicheC28 wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Tetrio stats #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
faa518a
added LOCAL api call
MicheC28 Oct 13, 2025
19ee8cb
remove unused image
MicheC28 Oct 13, 2025
0860f74
link to prod backend
MicheC28 Oct 13, 2025
2535b20
rearranged home page
MicheC28 Oct 13, 2025
d6055d7
gitignore
MicheC28 Oct 13, 2025
aa894a6
Merge branch 'master' into tetrioStats
MicheC28 Oct 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
.DS_Store
/node_modules/

.env

# React Router
/.react-router/
/build/
149 changes: 149 additions & 0 deletions app/HomePage/HomePage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -468,6 +468,155 @@ function HomePage({ className }: HomePageProps) {
</div>
</div>

<div className="flex flex-col justify-evenly items-center mx-10 md:mx-50 gap-y-5 bg-black/60 p-8 rounded-xl">
<div className="bg-black/60 p-6 mx-10 md:mx-50 rounded-xl w-full flex flex-col justify-center items-center shadow-lg">
<p className="text-xl text-emerald-200 text-center font-bold mb-2 tracking-wide">
My TETR.IO Stats
</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 w-full">
<div className="rounded-xl p-4 flex flex-col items-center shadow">
<p className="text-lg text-emerald-200 font-semibold mb-2">Zenith PB</p>
<div className="space-y-2 w-full">
<div className="flex justify-between text-white">
<span className="font-medium">Peak Rank:</span>
<span>{roundStat(tetrioZenith?.peakRank, 2) ?? 'DA BEST'}</span>
</div>
<div className="flex justify-between text-white">
<span className="font-medium">Altitude:</span>
<span>{roundStat(tetrioZenith?.altitude, 1) ?? 'DA BEST'}</span>
</div>
<div className="flex justify-between text-white">
<span className="font-medium">Floor:</span>
<span>{tetrioZenith?.floorNumber ?? 'DA BEST'}</span>
</div>
<div className="flex justify-between text-white">
<span className="font-medium">Total Lines Cleared:</span>
<span>{tetrioZenith?.totalLinesCleared ?? 'DA BEST'}</span>
</div>
<div className="flex justify-between text-white">
<span className="font-medium">APM:</span>
<span>{roundStat(tetrioZenith?.apm, 3) ?? 'DA BEST'}</span>
</div>
<div className="flex justify-between text-white">
<span className="font-medium">PPS:</span>
<span>{roundStat(tetrioZenith?.pps, 3) ?? 'DA BEST'}</span>
</div>
<div className="flex justify-between text-white">
<span className="font-medium">VS Score:</span>
<span>{roundStat(tetrioZenith?.vsScore, 3) ?? 'DA BEST'}</span>
</div>
<div className="flex justify-between text-white">
<span className="font-medium">Garbage Sent / Received:</span>
<span>
{tetrioZenith?.garbageSent ?? 'DA BEST'} / {tetrioZenith?.garbageReceived ?? 'DA BEST'}
</span>
</div>
</div>
</div>
<div className=" rounded-xl p-4 flex flex-col items-center shadow">
<p className="text-lg text-emerald-200 font-semibold mb-2">Gameplay</p>
<div className="space-y-2 w-full">
<div className="flex justify-between text-white">
<span className="font-medium">Favourite Piece:</span>
<span>T PIECE 100%</span>
</div>

<div className="flex justify-between text-white">
<span className="font-medium">Level:</span>
<span>{roundStat(calculateLevel(tetrioUser?.xp), 0) ?? 'DA BEST'}</span>
</div>

<div className="flex justify-between text-white">
<span className="font-medium">XP:</span>
<span>{roundStat(tetrioUser?.xp, 3) ?? 'DA BEST'}</span>
</div>
</div>

</div>
</div>
</div>
</div>


<div className="flex flex-col md:justify-evenly items-center mx-10 md:mx-50 bg-black/60 p-8 rounded-xl gap-y-5">
<div className="mx-10 bg-black/60 md:p-16 p-5 rounded-xl flex flex-col justify-evenly gap-y-5 w-full">
<p className="text-xl text-emerald-200 text-center font-bold">
Work Experience
</p>

<ol className="relative border-s border-teal-900 dark:border-emerald-200">
<li className="mb-10 ms-4">
<div className="absolute w-3 h-3 bg-emerald-200 rounded-full mt-1.5 -start-1.5 border border-teal-900"></div>
<time className="mb-1 text-sm font-normal leading-none text-emerald-200">
Jan-Apr 2025
</time>
<h3 className="text-lg font-semibold text-white">
Software Developer Co-op @ Rocket Innovation Studio
</h3>
<p className="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
Worked on backend development using C# and ASP.NET Core.
Implemented JWT authentication and custom role-based access
control with Auth0. Refactored API endpoints to use async
programming and updated 20+ comprehensive unit tests using
MSTest, xUnit, and NSubstitute. Participated in simple and
blue-green production deployments with CI/CD pipelines in
Azure DevOps while collaborating in an Agile environment.
</p>
</li>
<li className="mb-10 ms-4">
<div className="absolute w-3 h-3 bg-emerald-200 rounded-full mt-1.5 -start-1.5 border border-teal-900"></div>
<time className="mb-1 text-sm font-normal leading-none text-emerald-200">
May-Aug 2024
</time>
<h3 className="text-lg font-semibold text-white">
Research Assistant @ Pearl Sullivan Engineering IDEAs Clinic
</h3>
<p className="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
Designed and implemented real-time audio signal processing
systems using STM32 microcontrollers, utilizing ADC with DMA,
timers, and I2C to capture and transmit microphone signals.
Handled and processed large-scale sensor data streams using
Pandas and Matplotlib, applying low-pass and moving average
filters to denoise live data with 80% noise reduction.
</p>
</li>
<li className="ms-4">
<div className="absolute w-3 h-3 bg-emerald-200 rounded-full mt-1.5 -start-1.5 border border-teal-900"></div>
<time className="mb-1 text-sm font-normal leading-none text-emerald-200">
Jun-Aug 2022
</time>
<h3 className="text-lg font-semibold text-white">
Line Cook @ Boston Pizza
</h3>
<p className="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
Played Papa's Pizzeria IRL.
</p>
</li>
</ol>
</div>

<div className="mx-10 bg-black/60 md:p-16 p-5 rounded-xl flex flex-col justify-evenly gap-y-5 w-full">
<p className="text-xl text-emerald-200 text-center font-bold">
Skills
</p>

<ul className="list-disc list-inside text-white break-words block text-wrap">
<li className="break-words whitespace-normal">
<b>Languages</b>: C++, C#, Python, HTML/CSS,
Javascript/Typescript, SQL, RISC-V, MatLab
</li>
<li className="break-words whitespace-normal">
<b>Libraries/Frameworks</b>: ASP.NET, React.js, Angular.js,
Tailwind CSS, Flowbite, MagicUI, scikit-learn, Pandas,
Matplotlib{" "}
</li>
<li className="break-words whitespace-normal">
<b>Firmware</b>: STM, Arduino, I2C, ADC/DAC, DMA
</li>
</ul>
</div>
</div>

<div className="h-15"></div>
</div>
</div>
Expand Down