Hey, I'm John Wheeler

I am a professional full stack software engineer
based in Denver and I would love to work for you!

Are you looking for a driven full stack software engineer to join your team and work together writing clean scalable code? A software engineer with a proven history of achieving and setting goals, leadership experience, and proficiency for learning and understanding complex technical subject matter? Don't hesitate, reach out now so I can tell you more about all of the value I can bring to your team and organization and let's get started today!

Tech Stack Skills

These are just a few of the skills I am proficient in at this time. If I am not already using one or more of the technologies used in your stack, I am a fast learner and my development as a programmer is founded on the fundamental principles of programming, not technology specific. Most recently, my work is comprised primarily of TypeScript, Node.js, React, Next.js, and MongoDB.

  • JavaScript/TypeScript
  • React
  • Node.js
  • Linux
  • Git
  • Stack Overflow - for when all else fails!

Check Out My Work

Take a look at a few of my more recently built sites and web applications.

the items dashboard on the gear gremlin outdoor adventure app

Gear Gremlin - Full Stack Application

TypeScript, React, MongoDB, JWT, OAuth, Vite, Recharts - Login using your secure encrypted credentials or use your Google account for fast registration and gain access to the powerful elegant dashboard interface driving the user experience. Easily create your own gear inventory where React charts and table components offer a simple yet sophisticated visual overview of your gear chest. When you are ready to plan your next adventure, effortlessly navigate to the Trip Planner where you can select the items from your stash and add them to your pack. If it's a backpacking trip or an expedition into the remote backcountry where every ounce counts, you're in luck! Your pack weight is monitored in real time as you add and remove gear. Once you are finished, save the trip for future use, export the pack list, share it with your companions and of course, use it as a packing checklist to ensure you don't forget any critical gear! Feel free to login using the demo account credentials below to explore a sandbox version of the app with preloaded data.

Demo Login:
Email - demo@demo.com
Password - DemoPass$1

professionally built Nextjs website for Realize Dreams Travel Agency

Travel Agency - Next.js Website

Next.js, TypeScript, React, Tailwind CSS - Custom website for a travel agency featuring a sleek and dynamic responsive interface, captivating visual elements, a dark-mode light-mode toggle, and perfect 100 Lighthouse scores for Accessibility, Best Practices, and SEO! Harnessing the power of cutting-edge image optimization technology, this stunning design delivers lightning-fast performance and fluid navigation even while hosting high-definition statically rendered images and a smooth bug-free image carousel component featured in the hero section to grab the user's attention immediately. A website delivering as much beauty as the world-class destinations it features!

homepage for SOB Landscape & Design professional landscaping contractor website

Landscape & Design - Conventional HTML5 Website

HTML5, CSS3, JavaScript - A simple yet sophisticated build for a landscaping contractor, this thoughtfully curated site showcases the timeless utility of HTML, CSS, and JavaScript. Featuring SEO-friendly blog posts to drive customer engagement, a richly detailed company history, and a form element inviting potential clients to reach out, this site cuts through the competition to drive increased lead activity, conversions, and most importantly, revenue! Highly efficient, optimized for accessiblity, and a perfect 100 Lighthouse score for SEO.

side-by-side screenshots of open source contribution to React Dev repository showing issue and resolution

Open Source Software Contribution - ReactJS

React, Next.js, TypeScript, Tailwind CSS - Resolved a bug in the React.dev source code and documentation repo.

Issue: Error messages were formatted all on one line, but should have new lines.

Solution: Wrapped the parsedContent object containing the ErrorDecoderContext and the errorMessage content in a new div, applying the Tailwind CSS class rule for whitespace: pre-line in order to preserve whitespace and break on newline characters.

screenshot of the wild turkey date decoder application

Wild Turkey Bottling Date Decoder

TypeScript, React, Next.js, Tailwind CSS - This popular web application built with the latest web development technologies features a clean and intuitive UI that allows hundreds of whiskey enthusiasts every month to enter the laser code off of a bottle of Wild Turkey whiskey and instantly discover the exact date the bottle was filled. Responsive and accessible, this optimized web application scores perfect 100s across all areas of Lighthouse, including performance, accessibility, best practices, and SEO! Want to try it out? Enter code L0218FF1059 or L2625213 to see it in action!

Contact Me

Please feel free to contact me via email or LinkedIn to discuss any opportunities