SoNA Mentors Scheduler
Status: completed
Simplifies session planning for the SoNA mentors by automating school schedule math and flagging calendar conflicts.
Tech Stack
- React
- TypeScript
- Vite
- Google Apps Script
Hi, I'm Michael Hanna. 👋
When I'm not playing or teaching saxophone, I'm writing code, designing networks, and managing systems.
I enjoy getting hands-on with tech. Whether I'm working on a full-stack web app, configuring a switch, or setting up VMs in my homelab, I like understanding how systems work from the physical wire up to the UI. IÂ hold CCNA and Azure Fundamentals certifications, grounding my practical project work in solid networking and cloud foundations.
This portfolio is currently very front-end heavy. I plan to update it with write-ups on network labs, homelab configs, and practical guides. Feel free to explore the projects or get in touch!
Platforms & Tools
Networking & Security
- Cisco (CCNA)
- WireGuard
- OpenWrt
Systems & Infrastructure
- Linux
- Proxmox VE
- Debian
- Bash
- Docker
- Azure (AZ-900)
Software & Automation
- TypeScript
- Next.js
- JavaScript
- React
- Tailwind CSS
- PostgreSQL
- Prisma
Tooling & Operations
- Git
- GitHub
- NetBox
- Postman
- Inkscape
Principles & Approach
Systems-First Mindset
Thinking about how the code, the network, and the hardware talk to each other.
Reliability
Writing config and software that are stable, predictable, and built to last.
Clear Documentation
Writing down IP schemas and code logic so the next person doesn't have to guess.
Methodical Troubleshooting
Thinking through problems layer by layer instead of throwing random fixes at the wall.
End-User Focus
Remembering that systems should serve real people and prioritizing usability.
Clear Communication
Translating the tech into plain English.
Featured Projects
2048
Status: completed
A clean, responsive, PWA re-creation of the classic 2048 puzzle game.
Tech Stack
- React
- TypeScript
- Vite
HIIT the Deck
Status: in-progress
A fitness card game, developed for mobile with Expo.
Tech Stack
- Expo
- React
- TypeScript
Uptown Alive
Status: shelved
A local business directory and content platform that blended directory data with social-style media to drive discovery and engagement.
Tech Stack
- Next.js
- TailwindCSS
- Strapi
Health Care Dashboard
Status: completed
A pixel-perfect dashboard implementation based on an Adobe XD design, developed for a frontend skills assessment.
Tech Stack
- React
- TailwindCSS
- Vite
- Redux