> Canonical URL: https://codingcat.dev/podcast/1-32-side-project-hustle

# Side Project Hustle

🎧 Podcast Episode · S1E32August 4, 2021[AI & MCP Agents](/topic/ai)

# Side Project Hustle

![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/da2928acb25d72f7023b4d120c5c1daf6aca3e34-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)[@CodingCatDev62.5K / 100K Subscribers Goal](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Subscribe on YouTube→](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Watch on YouTube App ↗](https://www.youtube.com/watch?v=jwb5zi5bjfE&list=UUnKZ8gEb78zXKMi1ns-IQ2g)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Brad Garropy](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/0e4aee236ca43f5b54020a6b81e9a3ed8d3a9047-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Brad Garropy](/guest/brad-garropy)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/4e74hihRFusCBKNLXSSHdK)[Apple](https://podcasts.apple.com/us/podcast/1-32-side-project-hustle/id1491655542?i=1000530998294)[YouTube](https://www.youtube.com/watch?v=jwb5zi5bjfE&list=PLUKgAjyG9B0ZhUEXp9eVa7h4L__FDW3uV)[Subscribe on YouTube (62.5K / 100K) →](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Pocket Casts](https://pca.st/episode/ac46a3bf-925f-4fa8-a142-7338831695b8)[Castbox](https://castbox.fm/episode/id2508485-id411082674)[Castro](https://castro.fm/episode/HtR1I)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss)✏️ Visual Architecture Diagram

## how this episode connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Side Project Hustle✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Side Project Hustle: start with Brad Garropy, implement Architecture & Patterns, and ship to production.AAA Contrast Verified

**Side Project Hustle ** is a CodingCat.dev podcast episode featuring Brad Garropy alongside Alex Patterson and Brittney Postma focused on GitHub, CSS. We sit down with Brad Garropy to talk about how he got started in web development. We also discuss how creating and maintaining side projects can help you get a full time job. 1.32 - Side Project Hustle: https://codingcat.dev/podcast/1-32-side-project-hustle 00:08 - Intro
00:55 - Brad Garropy Intro
01:25 - How did you get started in Web Dev?
02:50 - Background
04:00 - Side Projects to get hired
04:48 - What types of projects?
06:15 - Switching from backend to frontend mindset
08:25 - Frameworks
09: Watch the full video breakdown on [**YouTube**](https://www.youtube.com/watch?v=jwb5zi5bjfE) or explore the architectural notes, chapters, and official documentation links below.

## Questions

- How did you get your start in Web Development?
- Did building side projects help you get your job at Adobe?
- What did you learn most from building side projects?Which side project did you learn the most from?

- Can you talk a little about your Muphy app and how you built it?
- You also maintain a npm-package called hue-sdk, what does that involve?
- So, with all these side projects and a full time job, why did you want to start the Web Dev Weekly Podcast?
- How has social media helped you along the way?
- Aside: using GitHub Actions. How do you use GitHub actions to improve your workflow?

## Technical Overview: Side Project Hustle

1.32 - Side Project Hustle: https://codingcat.dev/podcast/1-32-side-project-hustle 00:08 - Intro
00:55 - Brad Garropy Intro
01:25 - How did you get started in Web Dev?
02:50 - Background
04:00 - Side Projects to get hired
04:48 - What types of projects?
06:15 - Switching from backend to frontend mindset
08:25 - Frameworks
09:

When applying the concepts from **Side Project Hustle**  in a production codebase, teams working with GitHub, CSS should align their implementation with the [**GitHub Documentation**](https://docs.github.com/) (Pull requests, GitHub Actions CI/CD, and repository security). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.

### Key Engineering Takeaways

- **Core Topic Focus: ** Practical strategies for GitHub, CSS covered in "Side Project Hustle" (We sit down with Brad Garropy to talk about how he got started in web development. We also discuss how creating and maintaining side projects can help you get a full time job.).
- **Production Implementation: ** Combine the architectural patterns demonstrated in this podcast with the official [GitHub Documentation](https://docs.github.com/) for type safety, performance, and long-term maintainability.
- **Hands-On Video Walkthrough: ** Follow along with the live coding demos and discussion on [YouTube (Side Project Hustle)](https://www.youtube.com/watch?v=jwb5zi5bjfE) and subscribe to [CodingCat.dev on YouTube](https://www.youtube.com/@CodingCatDev?sub_confirmation=1) for weekly deep dives.

## Video Chapters & Timestamps

Jump directly to any segment of [**Side Project Hustle**](https://www.youtube.com/watch?v=jwb5zi5bjfE) on YouTube using the timestamped chapters below:

- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Intro
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Brad Garropy Intro
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): How did you get started in Web Dev?
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Background
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Side Projects to get hired
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): What types of projects?
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Switching from backend to frontend mindset
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Frameworks
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Muphy (https://play.google.com/store/apps/details?id=com.bradgarropy.murphy.twa)
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Make money off side projects
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Adobe job
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Learning in Public
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Motivation to learn the next thing
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): When to jump on a new tech train
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Why start a podcast?
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): WebDev Weekly (https://webdevweekly.captivate.fm)
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Social Media opportunities
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Take opportunities if you are able
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Community
- [**00:00**](https://www.youtube.com/watch?v=jwb5zi5bjfE&t=0s): Time Management

## Resources, Links & Official Documentation

- **Watch on YouTube: ** [Side Project Hustle Full Video](https://www.youtube.com/watch?v=jwb5zi5bjfE) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1))
- **:47 - Muphy (): ** [https://play.google.com/store/apps/details?id=com.bradgarropy.murphy.twa](https://play.google.com/store/apps/details?id=com.bradgarropy.murphy.twa)
- **:50 - WebDev Weekly (): ** [https://webdevweekly.captivate.fm](https://webdevweekly.captivate.fm)
- **:00: ** [https://bradgarropy.com](https://bradgarropy.com)
- **:15: ** [https://twitch.tv/bradgarropy](https://twitch.tv/bradgarropy)
- **:40 - Brad - GoXLR (): ** [https://www.amazon.com/GoXLR-Mixer-Sampler-Voice-Streamers/dp/B07JKNG4NV](https://www.amazon.com/GoXLR-Mixer-Sampler-Voice-Streamers/dp/B07JKNG4NV)
- **:55 - Brittney - HSL color theming (): ** [https://una.im/css-color-theming/](https://una.im/css-color-theming/)
- **:42 - Brittney - Startup - (): ** [https://www.netflix.com/title/80154285](https://www.netflix.com/title/80154285)
- **:13 - Alex - Green Screen - (): ** [https://www.amazon.com/dp/B07KYSTPYL/ref=redir_mobile_desktop?_encoding=UTF8&aaxitk=8a5ec57a57c6ef74f3f8098ecbed6daa&hsa_cr_id=4152130130301&pd_rd_plhdr=t&pd_rd_r=e59daebb-ea45-470a-b43a-af8151b949c9&pd_rd_w=HKx0T&pd_rd_wg=2Yjzs&ref_=sbx_be_s_sparkle_mcd_asin_0_title](https://www.amazon.com/dp/B07KYSTPYL/ref=redir_mobile_desktop?_encoding=UTF8&aaxitk=8a5ec57a57c6ef74f3f8098ecbed6daa&hsa_cr_id=4152130130301&pd_rd_plhdr=t&pd_rd_r=e59daebb-ea45-470a-b43a-af8151b949c9&pd_rd_w=HKx0T&pd_rd_wg=2Yjzs&ref_=sbx_be_s_sparkle_mcd_asin_0_title)
- **:05 - Alex - The Nevers ()": ** [https://www.hbomax.com/grw-nev](https://www.hbomax.com/grw-nev)
- **Show Pick: ** [Nice Green Screen (picked by Alex Patterson)](https://www.amazon.com/dp/B07KYSTPYL)
- **Show Pick: ** [The Nevers (picked by Alex Patterson)](https://www.hbomax.com/grw-nev)
- **Show Pick: ** [HSL color theming with CSS variables (picked by Brittney Postma)](https://una.im/css-color-theming/)
- **Show Pick: ** [IFTTT (picked by Brittney Postma)](https://ifttt.com/)
- **Show Pick: ** [TC Helicon GoXLR (picked by Brad Garropy)](https://www.amazon.com/GoXLR-Mixer-Sampler-Voice-Streamers/dp/B07JKNG4NV)
- [**Brad Garropy Guest Profile & Episodes on CodingCat.dev**](/guest/brad-garropy)
- [**Brad Garropy on GitHub**](https://github.com/bradgarropy)
- [**GitHub Documentation:**](https://docs.github.com/) Pull requests, GitHub Actions CI/CD, and repository security
- [**MDN CSS Reference:**](https://developer.mozilla.org/en-US/docs/Web/CSS) Modern layout, Grid, Flexbox, animations, and cascade layers

## Related CodingCat.dev Tutorials & Podcast Episodes

- [**Open Source Svelte Magic: Melting Minds through Melt UI!**](/podcast/cwcc-1-2-meltui): Thomas teaches Brittney and Alex how to use Melt and how Runes can be used to improve builders.
- [**Creative Coding to Boost your Skills**](/podcast/2-10-creative-coding-to-boost-your-skills): Brittney sits down with Jhey Tompkins and talks about how to be creative while improving your skills.
- [**Crossover for Compressed.fm and CodingCat.dev**](/podcast/1-45-crossover-for-compressed-fm-and-purrfect-dev): We did a fun mashup with James Q Quick and Amy Dutton (selfteachme) from Compressed.fm. We touch a lot on our background and how to become a T shaped or broken ...

## Frequently Asked Questions (FAQ)

### What are the main takeaways from Side Project Hustle?

We sit down with Brad Garropy to talk about how he got started in web development. We also discuss how creating and maintaining side projects can help you get a full time job. 1.32 - Side Project Hustle: https://codingcat.dev/podcast/1-32-side-project-hustle 00:08 - Intro
00:55 - Brad Garropy Intro
01:25 - How did you get started in Web Dev?
02:50 - Background
04:00 - Side Projects to get hired
04:48 - What types of projects?
06:15 - Switching from backend to frontend mindset
08:25 - Frameworks
09: Throughout this podcast, Brad Garropy breaks down real-world implementation details for GitHub, CSS so developers can apply these patterns directly in production.

### How do you implement GitHub best practices in production?

When adopting GitHub and CSS in a production stack, start by validating your configuration against the [**GitHub Documentation**](https://docs.github.com/) (Pull requests, GitHub Actions CI/CD, and repository security). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

### Where can I watch the full Side Project Hustle walkthrough and find related code resources?

You can watch the complete video session for [**Side Project Hustle**](https://www.youtube.com/watch?v=jwb5zi5bjfE) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into GitHub, check out our related guide: [**Open Source Svelte Magic: Melting Minds through Melt UI!**](/podcast/cwcc-1-2-meltui).

## ✏️ Episode Summary

1.32 - Side Project Hustle: https://codingcat.dev/podcast/1-32-side-project-hustle

00:08 - Intro
00:55 - Brad Garropy Intro
01:25 - How did you get started in Web Dev?
02:50 - Background
04:00 - Side Projects to get hired
04:48 - What types of projects?
06:15 - Switching from backend to frontend mindset
08:25 - Frameworks
09:

## episode picks.

### 🐾 Alex Patterson

- [Nice Green Screen](https://www.amazon.com/dp/B07KYSTPYL)
- [The Nevers](https://www.hbomax.com/grw-nev)

### 🐾 Brad Garropy

- [TC Helicon GoXLR](https://www.amazon.com/GoXLR-Mixer-Sampler-Voice-Streamers/dp/B07JKNG4NV)

### 🐾 Brittney Postma

- [HSL color theming with CSS variables](https://una.im/css-color-theming/)
- [IFTTT](https://ifttt.com/)

## recent episodes.

[All Episodes→](/podcasts)[![GenAI for Engineers, What](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/3e48f44739be2aabf3aaa805e51b3a6328979153-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)November 19, 2025[AI & MCP Agents](/topic/ai)

### [GenAI for Engineers, What's Real, What's Not and What's Coming](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)

Curious about GenAI for engineers? Learn what's real, what's not, and what's next in AI.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Balki Kodarapu](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/25fd44884e232394eb74b776fcec7e8d13330ca0-1060x794.png?rect=133,0,794,794&w=96&h=96&q=82&fit=max&auto=format)Balki Kodarapu](/guest/balki-kodarapu)[![How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/0beb99900f4c24e284df2dee3e2d740062c6ce96-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)November 4, 2025[AI & MCP Agents](/topic/ai)

### [How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)

Curious about OAuth, MCP servers, and building cool ChatGPT apps? Hear from Max of Stytch as we dive deep, break down the tech, and build a Tamagotchi together!

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=96&h=96&q=82&fit=max&auto=format)Max Gerber](/guest/max-gerber)