Hi, my name is Tanner H. Lyon.

I engineer digital and developer experiences.

I'm a Software Engineer specializing in React, Javascript, Typescript, CSS, Relational and Non-Relational Databases and AWS.

Currently, I'm looking for a new role, as well as, working on my own projects and products.

Products

Latest Product:

Lyon Shops

Lyon Shops is a fully functional mock Ecommerce website. The application allows one to sign up with either an email address and password or their Google account. The user can sign up and or sign in, navigate the website adding various clothing and headwear, make final changes in their cart and check out utilizing Stripes external API. Check out the Github repository.

Technologies used includes:

  • React: Hooks
  • Firebase (Database, Authentication)
  • GraphQL
Lyon Shops Video Example.

Gimme

Gimme is a Chrome Extension for golf enthusiasts who want to stay updated on the PGA Tour. It offers a seamless and non-intrusive way to keep track of live tournament scores and rankings, directly from your browser. Whether you're crunching numbers at work or browsing the web, Gimme ensures you're only a glance away from the latest action on the green. Check out the Github repository.

Technologies used includes:

  • Typescript
  • Node.js
  • MongoDB
  • Webpack
Gimme Modular Homepage Image.

Codesmith

At Codesmith, an ed-tech startup, I worked as a software engineer where I maintained and updated the legacy codebase, led junior code reviews on topics including React, Redux, Typescript, Test Driven Development and Asyncronous Javascript, conducted technical interviews and gave lectures on modern Javascript/Web-Development techniques.

Technologies used includes:

  • React
  • Redux
  • Typescript
  • Jest
  • Webpack
  • AWS
  • Docker
Codesmith website Image.

Solid Structure

Solid Structure is an open source devtool for the front end library SolidJS. SolidStructure renders dependency graphs and component trees displaying components and signal relationships via the data visualization library D3.js in a chrome extension dev tool. To view the product, navigate to the product repository on Github, or head over to solidstructure.io.

Technologies used includes:

  • SolidJS
  • Typescript
  • D3.js
  • Rollup
  • Vite
  • Chrome-Extension
Solid Structure Dark Mode Image.

Contact Me

I'm always interested in hearing about career opportunites, product collaboration, and networking opportunities.

Email Me