aristocratjnr@portfolio:~/check
$ ./check-display.sh
Detected viewport
Minimum width 849px required
$ laptop --required
┻━┻︵ (╯°□°)╯
Desktop only — grab a real machine.
aristocratjnrportfolio| available for work||

$ cat ./about.md

About

Closing the gap between the initial spark and shipping

I build robust software solutions with modern web technologies, backed by a strong foundation in quality assurance. From interfaces to APIs to databases — every layer is intentional, tested, and built to scale.


Testing-driven development and robust QA

I implement efficient automated testing frameworks that catch regressions before they ship. With hands-on experience writing and executing test plans, I ensure that every release maintains production-level quality across the stack.


Components you can reason about

Small, composable pieces with clear boundaries. Every component has one job, and the data flow is obvious at a glance. This works seamlessly with the web platform and stays easy to change.

TSX
function Counter(handle: Handle) {
let count = 0;
return () => (
<button
onClick={() => {
count++;
handle.update();
}}
>
Clicks: {count}
</button>
);
}

$ ls ./work/

Selected work

$git log --oneline
Solo full-stack
A highly secure student election portal built with PHP, MySQL, and JavaScript. Features multi-factor authentication via Google Authenticator, SSL, and tamper-proof logs.
PHPPHPSQLMySQLJSJavaScript
MFA via Google Authenticator
Tamper-proof audit logs
SSL-enforced sessions
Creator & maintainer
A web application designed to connect people with crucial support systems. Built with modern web standards and focused on ultra-responsive UI.
TSTypeScriptReactPWAPWA
Accessible by default
Ultra-responsive UI
Full-stack engineer
A collaborative web platform tailored for custom asset management and streamlined user actions.
NNode.jsPGPostgreSQLDocker
Custom asset management
Streamlined workflows
Creator
An interactive language-learning platform designed to gamify vocabulary acquisition and progress tracking. Engineered with client-side state persistence and responsive UI design.
ReactTSTypeScriptCSSCSS
Client-side progress persistence
Gamified learning
Responsive UI

$ cat ./experience.md

Experience

Present
One Africa Markets
Frontend Engineer
Developing high-performance, responsive web interfaces and core frontend applications, focusing on intuitive user experience, state management, and web performance.
2023 – 2024
Gigsama
Full Stack Engineer
Designing and shipping full-stack web features across the entire product lifecycle — from REST API design and database schema to performant React UI and CI/CD pipeline maintenance.
2023
Inkris
QA Engineer
Defined and executed manual and automated test plans, identified critical regressions, and collaborated with engineering teams to maintain release quality across web platforms.

$ ls ./posts/

Writing

$./posts --recent
Building this website with Remix 3
A walkthrough of how this portfolio is constructed — from the clientEntry component model to the WebGL particle background and the glassmorphic landing UI.
June 18, 2025(8m)
Why I love type-safe routing
Typed route patterns mean a broken link is a compile error, not a 3am production incident. Here is the pattern I reach for.
May 2, 2025(5m)
Shipping fast without breaking things
A pragmatic take on velocity: tight feedback loops, boring deployments, and tests that actually catch regressions.
March 27, 2025(6m)
Glassmorphism in CSS that actually works
backdrop-filter is gorgeous until it isn't. Here is how to get frosted glass that stays readable in both light and dark mode.
February 11, 2025(4m)

$ cat ./contact.md

Get in touch

Have a project in mind?

Open to interesting opportunities, collaborations, and engineering roles where I can build robust solutions backed by strong QA practices. Let's build something great.

Send a message

Stay in the loop

Once in a while, I write about building things and full-stack development. Sign up for occasional updates.