J

Hey! I'm Jon. 👋

Congrats, dear seeker, you've unraveled the veil,
Behold, my loyal companions, always wagging their tail.

First, meet Havana, so lively and bright,
A sweet tiny aussie, a beacon of light.

She herds us with love, a shepherd so clear,
A fatty at heart, bring treats and she's near.

She'll steal your attention, wherever she goes,
With her merle-patterned coat, and her pink-speckled nose.

And then we have Peony, a goldendoodle, petite,
Named after the flower, as tender and sweet.

She prances and frolics, in her sun-toasted hair,
With a retriever's spirit, she leaps through the air.

A little feisty at first, an alleged bundle of fire,
But Peony's a softie, a sweet little liar.

You've uncovered the secret, my dogs' joyful beat,
I hope you found joy, in this hidden retreat.

I thank you for joining me, on this digital stroll,
Exploring my work, and a glimpse of my soul.

'till we meet again, whenever that may be,
Peace out for now, yours truly, and ChatGPT.

- jon

I'm a full stack software engineer with a background in mechanical engineering and I'm passionate about building beautiful products and memorable experiences through hardware and software. I'm based in the Bay Area and I'm looking for full-time opportunities to join a team of cool people working on interesting problems. I enjoy programming in JavaScript with the PERN stack but my fundamentals are strong and I'm confident that I can quickly ramp-up to productivity and become an asset to any technical team (cue Jay-Z and Shakespeare on surmising confidence 😅). I'm hardworking, meticulous, practical, adaptable, and a team player.

Drop me a message if I sound like a good fit for your team!

What I'm up to:

Last updated: February 2024

/Toolbox

The tools I build things with.

Programming Languages

JavaScript

TypeScript

Python

Matlab

Frontend

React

Redux

HTML

CSS

Tailwind CSS

Material-UI

Bootstrap

Astro

Backend

Express

PostgreSQL

MySQL

Firebase

SQLite

MongoDB

Sequelize

Design

Figma

Adobe Illustrator

Adobe XD

Solidworks

Autodesk Inventor

Other

Node.js

Git

Github

Mocha

Chai

Postman

CodePen

Render

/Projects

Some of the work I'm most proud of.

Smart Shopping List

A smart shopping companion that learns from your buying habits so that you never run out of the things you need.

Key takeaways

collaboration • technical documentation • CI/CD • agile workflow • development lifecycle • version control • career readiness • web accessibility

Built with

Firestore • React • React Router • Material UI • GIT

in progress

Social Pets

A full-featured social media application for our four-legged friends.

Key takeaways

full stack development • database schema design • CRUD apps • RESTful APIs • authentication • front-end and back-end data validation for redundancy • how to think like a SWE

Built with

React • React Router • Redux • Material UI • Formik • Yup • Node.js • Express.js • Sequelize • PostgreSQL

Portfolio

I commissioned myself to design and build my portfolio website. 😂 I'm including this because I learned a lot from this project!

Key takeaways

UI/UX • design • wireframing • prototyping • mockup-based development • mobile-first development • static websites don't have to suck • deployment • the importance of choosing the right tools for the job (not everything should be a Create React App)

Built with

Astro • JavaScript • Tailwind CSS • Figma • Render

Authenticate Me

A simple full-stack application with core user functionality (user creation, login, logout) demonstrating a token-based authentication and authorization design pattern.

Key takeaways

first full stack project • authentication • authorization

Built with

React • React Router • Redux • Tailwind CSS • Express.js • Sequelize • PostgreSQL • bcrypt • CORS • CSURF • JWT

Digital Battleship

A digital take on the Battleship board game.

Key takeaways

UI implementation • DOM manipulation with Web APIs for interactivity

Built with

Javascript • HTML • CSS

Pixel-Perfect Instacart

A pixel-perfect copy of the Instacart homepage built with the basics, HTML & vanilla CSS.

Key takeaways

mockup-based development • CSS is powerful

Built with

HTML • CSS

/About

Get to know me a little better.

Engineering Journey

I received my bachelor's degree in mechanical engineering from the USC. After graduating, I went on to start a small e-commerce business specializing in rapid prototyping and light manufacturing equipment. Things were initially great, but as time went on, I found myself missing engineering. I came to realize that my true passion was in the engineering of the products I was handling and not so much in managing and operating a business. I also came to recognize that my entrepreneurial spirit could be satiated by simply working on interesting technical problems and innovative solutions alongside smart and driven people.

So, I closed shop and made my way back to my roots in product design and development. While I'll always have a love for designing and building hardware, its intrinsic challenges (high capital requirements, slow and delayed development cycles, inflexible supply chains, etc.) motivated me to pursue this next leg of my journey designing and building software. I spent a year teaching myself how to program by leveraging App Academy Open. And to put theory into practice, I wrapped up an internship with The Collab Lab, a program dedicated to providing early-career developers with practical experiential experience in software development, collaboration, and career management, where I got the opportunity to simulate the professional software development environment with a team of 3 practicing engineers and 3 other early-career developers.

Which brings me to the present. I'm seeking exciting full-time opportunities where I can use my new skillset to create beautiful, accessible, and efficient software experiences. I currently enjoy programming in JavaScript with the PERN stack but I'm a lifelong learner and love adding to my toolbox.

If your team is looking for a hardworking, meticulous, practical, and adaptable software engineer that passes the vibe check 😂, reach out!

When I'm not coding, I'm...

I like scrolling through...

Me in 10 words according to my totally unbiased fiance:

That's all for now!

'preciate anyone who's made it this far. 🫶🏼
I hid an Easter egg for you somewhere on this page. You can get to it by solving this riddle that I collabed with ChatGPT on.

In my digital realm, where ideas take flight,
A tale of an apple, let me recite.

Newton's revelation, a symbol well-known,
Where gravity's pull was clearly shown.

Seek not the apple that fell from that tree,
But the iconic bitten apple, of high pedigree.

Within 2d-me, this secret you'll find,
On the shell of the vessel, where my logic, magic, and art intertwine.

On my trusty old laptop, where I strive to thrive,
With bytes and bites, my code comes alive.

A play on words, a subtle delight.
In the form of a button, I've hidden from sight.

Look closely, explorer, with careful attention,
For a cursor, on hover, masking the hidden intention.

Fire the onclick event, to unveil the unseen,
My loyal companions, that make my soul gleam.

Designed & built by me

MMXXIV