My expertise lies on the frontend, in particular working with TypeScript, React and Redux.
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.
- 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
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.
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!
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.