Mathy
Online math game with singleplayer and multiplayer modes.
Apr 2022-2024 Personal Project SvelteKitSassGSAPNestJSSocket.IOMySQL
Hi 
I'm Angelo
I'm AngeloWeb 
Developer
DeveloperUI/UX 
Designer
DesignerGame 
Developer
DeveloperAbout Me
Hi, I'm Angelo.
Based in Canada
I'm a 18 year old developer and designer dedicated to building intuitive, high-performance software and physical projects.
My development stack spans modern web ecosystems (React, Next.js, Svelte, NestJS), system-level languages (C++, C#, Java) and database architecture (MySQL, MongoDB).
I'm also a passionate game developer using the Godot game engine. On the hardware and design side, I leverage Figma and digital art tools for UI/UX, while utilizing Autodesk Fusion and Arduino specifically for robotics and hardware design.
My Skills
Web Dev
HTML
CSS
Sass'%3e%3c/path%3e%3c/svg%3e)
TailwindCSS
JavaScript
TypeScript
React'%3e%3ccircle%20cx='90'%20cy='90'%20r='87'%20fill='black'%20stroke='white'%20stroke-width='6'/%3e%3cpath%20d='M149.508%20157.52L69.142%2054H54V125.97H66.1136V69.3836L139.999%20164.845C143.333%20162.614%20146.509%20160.165%20149.508%20157.52Z'%20fill='url(%23paint0_linear_408_139)'/%3e%3crect%20x='115'%20y='54'%20width='12'%20height='72'%20fill='url(%23paint1_linear_408_139)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_408_139'%20x1='109'%20y1='116.5'%20x2='144.5'%20y2='160.5'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_408_139'%20x1='121'%20y1='54'%20x2='120.799'%20y2='106.875'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Next.js
Svelte
NestJSProgramming
C++
C#
Java'%3e%3cstop%20offset='.117'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3cstop%20offset='.252'%20stop-color='%23c0d1d3'%20stop-opacity='.153'/%3e%3cstop%20offset='.387'%20stop-color='%2391b3b7'%20stop-opacity='.306'/%3e%3cstop%20offset='.52'%20stop-color='%236d9fa3'%20stop-opacity='.457'/%3e%3cstop%20offset='.65'%20stop-color='%234d9195'%20stop-opacity='.604'/%3e%3cstop%20offset='.776'%20stop-color='%2330888b'%20stop-opacity='.746'/%3e%3cstop%20offset='.895'%20stop-color='%23148386'%20stop-opacity='.881'/%3e%3cstop%20offset='1'%20stop-color='%23008184'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20gradientUnits='userSpaceOnUse'%20x1='-16.8'%20y1='16.071'%20x2='1355.401'%20y2='16.071'%20gradientTransform='matrix(1%200%200%20-1%2016.8%20702.696)'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3cstop%20offset='.153'%20stop-color='%23c0d1d3'%20stop-opacity='.153'/%3e%3cstop%20offset='.306'%20stop-color='%2391b3b7'%20stop-opacity='.306'/%3e%3cstop%20offset='.457'%20stop-color='%236d9fa3'%20stop-opacity='.457'/%3e%3cstop%20offset='.604'%20stop-color='%234d9195'%20stop-opacity='.604'/%3e%3cstop%20offset='.746'%20stop-color='%2330888b'%20stop-opacity='.746'/%3e%3cstop%20offset='.881'%20stop-color='%23148386'%20stop-opacity='.881'/%3e%3cstop%20offset='1'%20stop-color='%23008184'/%3e%3c/linearGradient%3e%3cpath%20opacity='.5'%20fill='url(%23a)'%20stroke='url(%23b)'%20stroke-miterlimit='10'%20d='M1371.701%20686.595c0%20378.65-306.972%20685.606-685.549%20685.606C307.451%201372.201.5%201065.23.5%20686.595.5%20308.019%20307.451%201.048%20686.152%201.048c378.594.016%20685.549%20306.97%20685.549%20685.547z'/%3e%3cg%20fill='%23FFF'%3e%3cpath%20d='M947.959%20931.196c-12.909%200-26.127-.929-39.127-2.864-108.978-15.554-181.848-93.822-222.665-153.989-40.946%2060.166-113.811%20138.512-222.74%20154.045a275.864%20275.864%200%200%201-39.133%202.785c-67.753%200-131.358-25.217-179.201-71.003-48.299-46.165-74.951-108.114-74.951-174.171%200-66.14%2026.651-128.004%2075.021-174.253%2047.797-45.793%20111.449-70.936%20179.231-70.936%2012.918%200%2026.067.928%2039.023%202.783%20108.932%2015.535%20181.794%2093.813%20222.743%20153.99%2040.825-60.177%20113.689-138.432%20222.658-153.99%2013-1.863%2026.148-2.783%2039.066-2.783%2067.753%200%20131.401%2025.208%20179.197%2070.936%2048.345%2046.249%2074.937%20108.113%2074.937%20174.253%200%2066.057-26.524%20128.006-74.868%20174.171-47.881%2045.785-111.434%2071.026-179.191%2071.026M734.42%20686.024c21.283%2040.534%2084.067%20141.676%20186.692%20156.375%208.984%201.236%2018.028%201.923%2026.839%201.923%2092.185%200%20167.225-71.002%20167.225-158.322s-75.023-158.321-167.291-158.321c-8.812%200-17.853.629-26.753%201.921-102.644%2014.664-165.428%20115.806-186.712%20156.424M424.393%20527.702c-92.308%200-167.36%2070.998-167.36%20158.321%200%2087.305%2075.021%20158.322%20167.245%20158.322%208.852%200%2017.897-.688%2026.879-1.922%20102.629-14.697%20165.394-115.783%20186.689-156.375-21.237-40.535-84.061-141.761-186.689-156.376-8.877-1.341-17.945-1.97-26.764-1.97'/%3e%3cpath%20d='M354.37%20662.051h152.625v49.181H354.37zM1016.484%20662.051h-51.671v-51.747h-49.348v51.747h-51.648v49.181h51.648v51.737h49.348v-51.737h51.671z'/%3e%3c/g%3e%3c/svg%3e)
ArduinoDatabases
MySQL
MongoDBDesign
'%3e%3cpath%20d='M13.3333%2080.0002C20.6933%2080.0002%2026.6667%2074.0268%2026.6667%2066.6668V53.3335H13.3333C5.97333%2053.3335%200%2059.3068%200%2066.6668C0%2074.0268%205.97333%2080.0002%2013.3333%2080.0002Z'%20fill='%230ACF83'/%3e%3cpath%20d='M0%2039.9998C0%2032.6398%205.97333%2026.6665%2013.3333%2026.6665H26.6667V53.3332H13.3333C5.97333%2053.3332%200%2047.3598%200%2039.9998Z'%20fill='%23A259FF'/%3e%3cpath%20d='M0%2013.3333C0%205.97333%205.97333%200%2013.3333%200H26.6667V26.6667H13.3333C5.97333%2026.6667%200%2020.6933%200%2013.3333Z'%20fill='%23F24E1E'/%3e%3cpath%20d='M26.6667%200H40.0001C47.3601%200%2053.3334%205.97333%2053.3334%2013.3333C53.3334%2020.6933%2047.3601%2026.6667%2040.0001%2026.6667H26.6667V0Z'%20fill='%23FF7262'/%3e%3cpath%20d='M53.3334%2039.9998C53.3334%2047.3598%2047.3601%2053.3332%2040.0001%2053.3332C32.6401%2053.3332%2026.6667%2047.3598%2026.6667%2039.9998C26.6667%2032.6398%2032.6401%2026.6665%2040.0001%2026.6665C47.3601%2026.6665%2053.3334%2032.6398%2053.3334%2039.9998Z'%20fill='%231ABCFE'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_912_3'%3e%3crect%20width='53.3333'%20height='80'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Figma'%3e%3cpath%20d='M%20163.15,27.83%2028.81,165.3%20C%20-16.58,221.51%2059.7,214.97%2092.4,231.16%20104.13,243.15%2047.44,252%2059.17,264%20c%2011.73,11.99%2070.93,23.1%2082.68,35.09%2011.73,11.99%20-24.01,24.71%20-12.28,36.7%2011.73,11.99%2038.86,0.63%2043.94,28.31%203.62,19.78%2048.89,8.5%2071.03,-7.7%2011.73,-12%20-22.44,-10.87%20-10.71,-22.86%2029.17,-29.83%2056.33,-10.84%2066.31,-40.73%204.93,-14.77%20-42.94,-22.77%20-31.19,-34.76%2033.75,-19.71%20150.4,-32.54%2095.05,-87.89%20L%20224.75,27.83%20c%20-17.03,-16.35%20-45.45,-16.53%20-61.6,0%20z%20m%20154.31,264.98%20c%200,6.82%2050.25,11.29%2050.25,-1.61%20-7.16,-20.72%20-44.31,-19.32%20-50.25,1.61%20z%20M%2091.1,329.05%20c%2011.9,10.29%2030.28,-2.56%2035.79,-16.92%20-11.53,-15.32%20-54.69,0.55%20-35.79,16.92%20z%20m%20220.06,-22.23%20c%20-15.34,13.76%201.72,27.72%2016.84,18.83%203.37,-3.42%20-0.09,-15.41%20-16.84,-18.83%20z'%20id='path2313'%20stroke-width='8'%20style='fill:%23000000;stroke:%23ffffff;fill-opacity:1.0'%20/%3e%3cpath%20d='m%20131,238.6%20c%203.59,2.23%2057.89,13.26%2071.16,15.46%204.6,0.97%201.34,5.71%20-5,8.91%20-14.3,3.8%20-83.66,-24.37%20-66.16,-24.37%20z'%20id='path2315'%20style='fill:%23ffffff'/%3e%3cpath%20d='m%20216.63,37.47%2053.15,53.98%20c%205.04,5.15%204.97,15.13%202.15,18%20L%20245.54,88.34%20240.35,119.6%20218.3,107.96%20182.99,130.27%20171.3,83.24%20152.33,116.06%20h%20-29%20c%20-11.82,0%20-13.21,-15%20-2.47,-25.74%2018.76,-20.25%2040.29,-40.89%2051.99,-52.85%2011.76,-12.02%2032.25,-11.68%2043.78,0%20z'%20id='path2317'%20style='fill:%23ffffff'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
Inkscape
Krita%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20240%20234'%20style='enable-background:new%200%200%20240%20234;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23001E36;}%20.st1{fill:%2331A8FF;}%20%3c/style%3e%3cg%20id='Layer_2_1_'%3e%3cg%20id='Surfaces'%3e%3cg%20id='Photo_Surface'%3e%3cg%20id='Outline_no_shadow'%3e%3cpath%20class='st0'%20d='M42.5,0h155C221,0,240,19,240,42.5v149c0,23.5-19,42.5-42.5,42.5h-155C19,234,0,215,0,191.5v-149%20C0,19,19,0,42.5,0z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='Outlined_Mnemonics_Logos'%3e%3cg%20id='Ps'%3e%3cpath%20class='st1'%20d='M54,164.1V61.2c0-0.7,0.3-1.1,1-1.1c1.7,0,3.3,0,5.6-0.1c2.4-0.1,4.9-0.1,7.6-0.2c2.7-0.1,5.6-0.1,8.7-0.2%20c3.1-0.1,6.1-0.1,9.1-0.1c8.2,0,15,1,20.6,3.1c5,1.7,9.6,4.5,13.4,8.2c3.2,3.2,5.7,7.1,7.3,11.4c1.5,4.2,2.3,8.5,2.3,13%20c0,8.6-2,15.7-6,21.3c-4,5.6-9.6,9.8-16.1,12.2c-6.8,2.5-14.3,3.4-22.5,3.4c-2.4,0-4,0-5-0.1c-1-0.1-2.4-0.1-4.3-0.1v32.1%20c0.1,0.7-0.4,1.3-1.1,1.4c-0.1,0-0.2,0-0.4,0H55.2C54.4,165.4,54,165,54,164.1z%20M75.8,79.4V113c1.4,0.1,2.7,0.2,3.9,0.2H85%20c3.9,0,7.8-0.6,11.5-1.8c3.2-0.9,6-2.8,8.2-5.3c2.1-2.5,3.1-5.9,3.1-10.3c0.1-3.1-0.7-6.2-2.3-8.9c-1.7-2.6-4.1-4.6-7-5.7%20c-3.7-1.5-7.7-2.1-11.8-2c-2.6,0-4.9,0-6.8,0.1C77.9,79.2,76.5,79.3,75.8,79.4L75.8,79.4z'/%3e%3cpath%20class='st1'%20d='M192,106.9c-3-1.6-6.2-2.7-9.6-3.4c-3.7-0.8-7.4-1.3-11.2-1.3c-2-0.1-4.1,0.2-6,0.7c-1.3,0.3-2.4,1-3.1,2%20c-0.5,0.8-0.8,1.8-0.8,2.7c0,0.9,0.4,1.8,1,2.6c0.9,1.1,2.1,2,3.4,2.7c2.3,1.2,4.7,2.3,7.1,3.3c5.4,1.8,10.6,4.3,15.4,7.3%20c3.3,2.1,6,4.9,7.9,8.3c1.6,3.2,2.4,6.7,2.3,10.3c0.1,4.7-1.3,9.4-3.9,13.3c-2.8,4-6.7,7.1-11.2,8.9c-4.9,2.1-10.9,3.2-18.1,3.2%20c-4.6,0-9.1-0.4-13.6-1.3c-3.5-0.6-7-1.7-10.2-3.2c-0.7-0.4-1.2-1.1-1.1-1.9v-17.4c0-0.3,0.1-0.7,0.4-0.9%20c0.3-0.2,0.6-0.1,0.9,0.1c3.9,2.3,8,3.9,12.4,4.9c3.8,1,7.8,1.5,11.8,1.5c3.8,0,6.5-0.5,8.3-1.4c1.6-0.7,2.7-2.4,2.7-4.2%20c0-1.4-0.8-2.7-2.4-4c-1.6-1.3-4.9-2.8-9.8-4.7c-5.1-1.8-9.8-4.2-14.2-7.2c-3.1-2.2-5.7-5.1-7.6-8.5c-1.6-3.2-2.4-6.7-2.3-10.2%20c0-4.3,1.2-8.4,3.4-12.1c2.5-4,6.2-7.2,10.5-9.2c4.7-2.4,10.6-3.5,17.7-3.5c4.1,0,8.3,0.3,12.4,0.9c3,0.4,5.9,1.2,8.6,2.3%20c0.4,0.1,0.8,0.5,1,0.9c0.1,0.4,0.2,0.8,0.2,1.2v16.3c0,0.4-0.2,0.8-0.5,1C192.9,107.1,192.4,107.1,192,106.9z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
Photoshop
IllustratorGame Dev
Godot
UnityCAD
Autodesk FusionWhat I've Worked On
Invoices Center
Web application for generating, managing and tracking invoices.
Jun 2023-now Frontend Developer Next.jsTailwindCSSshadcn/ui
Personal Portfolio
Personal site and portfolio that showcases my skills, work and projects.
Oct 2024 Personal Project SvelteKitTailwindCSSGSAP
St. Matthew Newspaper
Blog site for students can write articles moderated by teachers.
Sep 2020 Personal Project Create React AppSassNestJSMySQL
Disaster Rescue
Score calculator for the Mobile Robotics Skills Canada Competition 2025.
Dec 2025 Personal Project SvelteKitTailwindCSS
Snowday
Score calculator for the Mobile Robotics Skills Canada Competition 2025.
Jan 2025 Personal Project SvelteKitTailwindCSS
Uniboard
Resource complication of Canadian university admission requirements for high schoolers.
Jan 2025 Personal Project SvelteKitTailwindCSS
Burundian Community of Regina
Landing page with dashboard and auth for local organization.
Jul 2024 Freelance Work Next.jsTailwindCSSMySQL
Groupe Des Nations
Multi-page corporate site for an organization with multiple sectors.
May 2024 Freelance Work Next.jsTailwindCSS
KYSM 360Dream Photobooth
Eye-catching landing page with custom contact form for small business.
Feb 2024 Freelance Work Next.jsTailwindCSS
Black & White Electric
Business website for an electrical company showcasing services and projects.
Sep 2023 Freelance Work SvelteKitTailwindCSS
Sirich Gestion Parasitaire
Multi-page business site with contact form for pest control company.
Jul 2022 Freelance Work Create React AppMaterial UI
Solution JD Santé
Landing page for a health-care company with a custom job application form.
Aug 2023 Freelance Work SvelteKitTailwindCSS
Association Coeur De Mum
Simple landing page for a non-profit organization.
Jul 2023 Freelance Work Next.jsTailwindCSS