Skip to content
View lstuartfry's full-sized avatar
🤓
🤓

Block or report lstuartfry

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
lstuartfry/README.md
profile header

I'm a Software Engineer with 7+ years of experience.

My expertise lies on the frontend, in particular working with TypeScripttypescript, Reactreact and Reduxreact-redux.

📭 Connect with me!

Static Badge Static Badge Static Badge

About Me

I'm a Software Engineer with 7+ years of experience. I have a passion for building high-quality, user-friendly applications. I have a strong background in frontend development, with expertise in TypeScript, React, and Redux. I am always looking to learn new technologies and improve my skills!

In 2008, I received a Bachelor of Arts in Screenwriting from Loyola Marymount's School of Film and Television. I worked in the entertainment industry for several years, before discovering my true passion for software development. In 2014, I enrolled in a coding bootcamp and quickly fell in love with programming. Since then, I have worked as a software engineer at several companies, building web applications and honing my skills.

Throughout my career, I have worked on a wide range of teams, from small startups to larger corporations. I particularly enjoy working with product managers and product designers to collaborate on the roadmap for our products, communicating with our users to understand their needs, and executing features with my fellow engineers.

My Tech Stack

  • Languages: TypeScript, JavaScript, HTML, CSS
  • Frontend/UI: React, Redux, Redux Toolkit, Next.js, Storybook, Tailwind CSS
  • Backend: Node.js, Express
  • Testing Libraries: Playwright, Cypress, Jest, React Testing Library

Some Favorite Technologies

In no particular order, here are some of my favorite libraries that I've worked on over the course of my career:

  • Playwright: A powerful end-to-end testing library that allows you to write tests for your web applications in a variety of browsers. This is my end-to-end testing library of choice! I cannot fathom the amount of days it has saved me in debugging time.
  • MSW: A very DX-friendly library for mocking API requests in your tests. This is an invaluable tool for quickly mocking success/failure responses from any API endpoint, which makes it very easy to test your components in isolation.
  • Tanstack Query - An opinionated, declarative query builder and server state manager for React applications. I used to spend too much time building out custom hooks for fetching data in my projects. It handles caching, background updates and stale data out of the box with zero-configuration.
  • Deck.gl / React-map-gl / Mapbox-gl-js: These libraries are fantastic for building interactive maps in React. I relied on these libraries daily in my last role, where I built a mapping application for a large client.
  • Prettier: Prettier is a code formatter that I use in all of my projects. I shudder to think of the days that this library didn't exist 😳.
  • Recharts: A charting library that I used extensively at my very first job. I had a lot of fun using this to build informative, interactive charts for our users.
  • Storybook: Storybook is a fantastic tool for building UI components in isolation. Not only does it make it easy to build and iterate on components in isolation, it can also be a great tool for documenting your components.
playwright logo mock service worker logo tanstack query logo deck gl logo prettier logo storybook logo
stations.demo.2024-05-16.mp4

In Production @ https://h2stationsmap.dev

I currently live in Los Angeles, and have a lease on a hydrogen fuel-cell vehicle. The infrastructure for hydrogen fueling stations is still quite lacking, and even amongst the stations that exist in the Los Angeles area, they are often either out of fuel, or offline altogether. A similar web application does currently exist (Hydrogen Stations Map), but as a frequent user of it, there are improvements I'd like to make on it.

I built this application using Next.js. Check out the README for more information!

Hobbies

In my free time, I love spending time with my wife and our two dogs, Easy and Cooper. My favorite thing to do after a long day at work is to go on a long walk or hike in my neighborhood or one of the nearby parks.

I also love to read! I'm big fan of Horror, Thriller/Suspense and Sports fiction. Some of my favorite authors are Richard Matheson, Stephen King, Cormac McCarthy, Ryu Murakami and Mark Harris.

walking my dogs

Pinned Loading

  1. h2-stations-map h2-stations-map Public

    A Next.js project that renders all active hydrogen fuel stations in California based on dynamic locations

    TypeScript

  2. lstuartfry.dev lstuartfry.dev Public

    Source code for my custom personal website bootstrapped with create-next-app

    TypeScript

  3. next-code-snippets next-code-snippets Public

    Next.js project to familiarize myself with the modern Next.js ecosystem

    TypeScript

  4. next-reddit-clone next-reddit-clone Public

    A reddit-like application using Next.js and Next Auth

    TypeScript

  5. BeersWaldo BeersWaldo Public

    Uses Twitter to find where in Los Angeles any beer is being served or sold, with an emphasis on tracking down rare beers

    HTML

  6. potentPotables/potentPotables potentPotables/potentPotables Public

    Authentic party-style Jeopardy game for desktop and mobile that enhances the classic Jeopardy style with exciting interactive gameplay

    JavaScript 28 16