2024 Projects Overview - Software & Web App development with ched.dev
cheddar
2024 Projects Overview - Software & Web App development with ched.dev
1:01
Ep9: Cookie Storage Adapter w Directus Authentication SDK & Astro - Video Tutorial Site in Directus
cheddar
Ep9: Cookie Storage Adapter w Directus Authentication SDK & Astro - Video Tutorial Site in Directus
2:23:30
Ep8: Custom User Settings (Part 2) - Directus SDK & Extension Hook - Video Tutorial Site w Directus
cheddar
Ep8: Custom User Settings (Part 2) - Directus SDK & Extension Hook - Video Tutorial Site w Directus
4:01:09
Ep7: Custom User Settings (Part 1) - Astro, Directus SDK, Svelte - Video Tutorial Site with Directus
cheddar
Ep7: Custom User Settings (Part 1) - Astro, Directus SDK, Svelte - Video Tutorial Site with Directus
2:55:51
Ep6: Custom Site Settings (Singleton Collection) in Directus - Video Tutorial Site with Directus
cheddar
Ep6: Custom Site Settings (Singleton Collection) in Directus - Video Tutorial Site with Directus
1:20:16
Ep5: Signup page with Directus SDK Auth + Svelte + Astro + DaisyUI - Video Tutorial Site in Directus
cheddar
Ep5: Signup page with Directus SDK Auth + Svelte + Astro + DaisyUI - Video Tutorial Site in Directus
2:19:49
Ep4: Authentication pages in Astro, DaisyUI (Tailwind CSS), Directus SDK Auth - Video Tutorial Site
cheddar
Ep4: Authentication pages in Astro, DaisyUI (Tailwind CSS), Directus SDK Auth - Video Tutorial Site
4:11:46
Ep3: Connecting Astro SSG to Directus SDK & Authentication - Video Tutorial Site with Directus
cheddar
Ep3: Connecting Astro SSG to Directus SDK & Authentication - Video Tutorial Site with Directus
2:13:17
Ep9: Mega API - Upgrade Directus.io app from 9.5 to 10.5
cheddar
Ep9: Mega API - Upgrade Directus.io app from 9.5 to 10.5
56:09
Ep2: Directus Headless CMS Self-Hosted Railway Setup & Data Schema Creation for Video Tutorial Site
cheddar
Ep2: Directus Headless CMS Self-Hosted Railway Setup & Data Schema Creation for Video Tutorial Site
2:57:40
Ep1: New Project Overview for Video Tutorial Content Site in Directus.io [cms] [stripe] [vimeo]
cheddar
Ep1: New Project Overview for Video Tutorial Content Site in Directus.io [cms] [stripe] [vimeo]
1:39:15
Ep5: unboxed.deals New Features & Adding Sort Deals Feature [redwoodjs] [react] [javascript]
cheddar
Ep5: unboxed.deals New Features & Adding Sort Deals Feature [redwoodjs] [react] [javascript]
1:51:53
Live Coding: Ep1: Fixing a bug in an Open Source project
cheddar
Live Coding: Ep1: Fixing a bug in an Open Source project
1:43:44
Live Coding: Portfolio site update for review [react] [css] [next.js]
cheddar
Live Coding: Portfolio site update for review [react] [css] [next.js]
2:29:17
Live Coding: Custom Animations with React Spring [react-spring] [react] [css]
cheddar
Live Coding: Custom Animations with React Spring [react-spring] [react] [css]
2:38:23
Ep4: External Link Informational Modal | unboxed.deals [redwood.js] [amazon] [product]
cheddar
Ep4: External Link Informational Modal | unboxed.deals [redwood.js] [amazon] [product]
2:39:29
Ep3: Defining and Modeling a new feature: Wishlists | unboxed.deals [prisma] [redwood.js] [amazon]
cheddar
Ep3: Defining and Modeling a new feature: Wishlists | unboxed.deals [prisma] [redwood.js] [amazon]
1:35:25
Ep2: Prerendering & Upgrading to Redwood JS v3 [node.js] [prisma]
cheddar
Ep2: Prerendering & Upgrading to Redwood JS v3 [node.js] [prisma]
2:21:19
Ep8: Node.js work on CLI commands | Directus extension to extract EXIF info + attach to data models
cheddar
Ep8: Node.js work on CLI commands | Directus extension to extract EXIF info + attach to data models
2:26:31
Ep1: RedwoodJS App Review + adding "approved products" access permissions [prisma] [node.js] [react]
cheddar
Ep1: RedwoodJS App Review + adding "approved products" access permissions [prisma] [node.js] [react]
3:36:46
Ep7: create-data-model && install-hook CLI command for Directus Extension [Inquirer.js] [node.js]
cheddar
Ep7: create-data-model && install-hook CLI command for Directus Extension [Inquirer.js] [node.js]
2:51:55
Ep1: Code Katas introduction & solving 8kyu 7kyu [JavaScript]
cheddar
Ep1: Code Katas introduction & solving 8kyu 7kyu [JavaScript]
1:41:53
Ep1: Effective TypeScript Study Session with quiz questions and answers
cheddar
Ep1: Effective TypeScript Study Session with quiz questions and answers
2:18:05
Ep7: Chat Overlay and new sounds | OBS Overlays [tmi.js] [JavaScript] [ESModules] [Typescript]
cheddar
Ep7: Chat Overlay and new sounds | OBS Overlays [tmi.js] [JavaScript] [ESModules] [Typescript]
2:52:28
Ep6: Interactive CLI command with Inquirer.js + schema-builder-kit for Directus Extension | node.js
cheddar
Ep6: Interactive CLI command with Inquirer.js + schema-builder-kit for Directus Extension | node.js
2:08:45
Ep5: Creating Data Models with schema-builder-kit in Directus Headless CMS [Directus] [Extensions]
cheddar
Ep5: Creating Data Models with schema-builder-kit in Directus Headless CMS [Directus] [Extensions]
2:43:44
Ep 8: Switching to Puppeteer for scraping with Amazon Product Price scanner [Node.js] [JavaScript]
cheddar
Ep 8: Switching to Puppeteer for scraping with Amazon Product Price scanner [Node.js] [JavaScript]
2:14:12
Ep4: Extending Directus Headless CMS with Hooks for EXIF image data [JavaScript] [TS] [uploads]
cheddar
Ep4: Extending Directus Headless CMS with Hooks for EXIF image data [JavaScript] [TS] [uploads]
2:31:25
Ep3: Connecting Directus Headless CMS to AWS S3 for file uploads [Directus.io] [AWS] [S3]
cheddar
Ep3: Connecting Directus Headless CMS to AWS S3 for file uploads [Directus.io] [AWS] [S3]
2:30:12
Ep 4: Refactoring, Styling, and new !task title Command | OBS Tasks Overlay [JavaScript] [Tailwind]
cheddar
Ep 4: Refactoring, Styling, and new !task title Command | OBS Tasks Overlay [JavaScript] [Tailwind]
3:22:42
Ep6: New Sounds, Sound Permissions, & Available Sounds Command | OBS Overlays [JSDoc] [TypeScript]
cheddar
Ep6: New Sounds, Sound Permissions, & Available Sounds Command | OBS Overlays [JSDoc] [TypeScript]
3:00:24
Ep2: Setting Up and Deploying Directus Headless CMS [Directus.io] [PostgreSQL] [Railway.app]
cheddar
Ep2: Setting Up and Deploying Directus Headless CMS [Directus.io] [PostgreSQL] [Railway.app]
2:01:49
Ep5: Typescript with JSDoc, Chat Bot Integration, !commands Responder | OBS Overlays [TAU] [tmi.js]
cheddar
Ep5: Typescript with JSDoc, Chat Bot Integration, !commands Responder | OBS Overlays [TAU] [tmi.js]
1:55:01
Ep 3: Adding new Tasks: next, sort, move, pause, reset [JavaScript] [React] [OBS]
cheddar
Ep 3: Adding new Tasks: next, sort, move, pause, reset [JavaScript] [React] [OBS]
2:49:36
Ep3: tmi.js chat integration and sounds | OBS Overlays
cheddar
Ep3: tmi.js chat integration and sounds | OBS Overlays
4:17:16
Ep4: Chat command permissions and aliases | OBS Overlays
cheddar
Ep4: Chat command permissions and aliases | OBS Overlays
3:41:05
Ep2: Event Subscriptions with TAU (connection and alerting) | OBS Overlays
cheddar
Ep2: Event Subscriptions with TAU (connection and alerting) | OBS Overlays
3:25:05
Ep1: Comparing Headless CMS's for MegaAPI | Directus.io vs Strapi.io
cheddar
Ep1: Comparing Headless CMS's for MegaAPI | Directus.io vs Strapi.io
3:19:00
Ep1: Kicking project off with TwurpleJS and a couple failures | OBS Overlays
cheddar
Ep1: Kicking project off with TwurpleJS and a couple failures | OBS Overlays
3:22:46
Ep 2: Custom Input Widget in Netlify CMS + Next.js Static Generated Content Website
cheddar
Ep 2: Custom Input Widget in Netlify CMS + Next.js Static Generated Content Website
2:41:11
Ep 1: Netlify CMS + Next.js Content Website - An Overview and Custom Input Widget Creation
cheddar
Ep 1: Netlify CMS + Next.js Content Website - An Overview and Custom Input Widget Creation
2:45:54
Ep 10: Github Flavored Markdown in CodePow.io Dev Twitter Clone [React] [TypeScript] [Tailwind CSS]
cheddar
Ep 10: Github Flavored Markdown in CodePow.io Dev Twitter Clone [React] [TypeScript] [Tailwind CSS]
2:09:24
Ep 9: Bugfixes for Alpha 2 in CodePow.io Dev Twitter Clone [React] [TypeScript] [Tailwind CSS]
cheddar
Ep 9: Bugfixes for Alpha 2 in CodePow.io Dev Twitter Clone [React] [TypeScript] [Tailwind CSS]
2:16:32
Ep 2: Configuration Options for OBS Tasks Overlay [React] [Next.js] [OBS]
cheddar
Ep 2: Configuration Options for OBS Tasks Overlay [React] [Next.js] [OBS]
2:36:14
Ep 8: State Bugfix & Responsiveness in CodePow.io Dev Twitter Clone | React TypeScript Tailwind CSS
cheddar
Ep 8: State Bugfix & Responsiveness in CodePow.io Dev Twitter Clone | React TypeScript Tailwind CSS
3:46:26
Ep 7: Responsive CSS in CodePow.io Dev Twitter Clone [React] [TypeScript] [Tailwind CSS]
cheddar
Ep 7: Responsive CSS in CodePow.io Dev Twitter Clone [React] [TypeScript] [Tailwind CSS]
3:31:32
Ep 6: Comments UI in CodePow.io Dev Twitter Clone | [React] [TypeScript] [Tailwind CSS]
cheddar
Ep 6: Comments UI in CodePow.io Dev Twitter Clone | [React] [TypeScript] [Tailwind CSS]
3:00:43
Ep 5: User Settings UI in CodePow.io Dev Twitter Clone [React] [TypeScript] [Tailwind CSS]
cheddar
Ep 5: User Settings UI in CodePow.io Dev Twitter Clone [React] [TypeScript] [Tailwind CSS]
2:12:03
Ep 4: Date Formatting and Responsive in CodePow.io | [React] [TypeScript] [Tailwind CSS]
cheddar
Ep 4: Date Formatting and Responsive in CodePow.io | [React] [TypeScript] [Tailwind CSS]
2:55:54
Ep 3: Image Uploads in CodePow.io UI Component Style Guide | React, TypeScript, Tailwind CSS
cheddar
Ep 3: Image Uploads in CodePow.io UI Component Style Guide | React, TypeScript, Tailwind CSS
2:26:14
Ep 1: CodePow.io UI Component Style Guide Introduction | React JS, Tailwind CSS
cheddar
Ep 1: CodePow.io UI Component Style Guide Introduction | React JS, Tailwind CSS
2:54:54
Ep 3: UI for Markdown Content API as Headless CMS in portfolio site with Feathers JS, Node.js, Next
cheddar
Ep 3: UI for Markdown Content API as Headless CMS in portfolio site with Feathers JS, Node.js, Next
2:23:59
Ep 2: UI for Markdown Content API as Headless CMS in portfolio site with Feathers JS, Node.js, React
cheddar
Ep 2: UI for Markdown Content API as Headless CMS in portfolio site with Feathers JS, Node.js, React
4:25:12
Ep 1: Markdown Content API as Headless CMS for portfolio site in Feathers JS, Node.js, Next.js
cheddar
Ep 1: Markdown Content API as Headless CMS for portfolio site in Feathers JS, Node.js, Next.js
2:37:47
Ep 7: Alerting Target Price in Amazon Product Price Scanner in Node.js, Next.js, React
cheddar
Ep 7: Alerting Target Price in Amazon Product Price Scanner in Node.js, Next.js, React
1:53:16
Ep 6: Alerting Target Price in Amazon Product Price Scanner in Node.js, Next.js, React
cheddar
Ep 6: Alerting Target Price in Amazon Product Price Scanner in Node.js, Next.js, React
1:44:47
Ep 5: New Features Review & Setting Target Price in Amazon Product Price Scanner in Node.js, ReactJS
cheddar
Ep 5: New Features Review & Setting Target Price in Amazon Product Price Scanner in Node.js, ReactJS
2:05:57
Ep 4: Scanning All Products | Amazon Product Price Scanner in Node js, NextJS, React
cheddar
Ep 4: Scanning All Products | Amazon Product Price Scanner in Node js, NextJS, React
1:00:06
Live Coding: Ep 3: Fixing Bugs & Debugging | Amazon Product Price Scanner in Node.js, NextJS, React
cheddar
Live Coding: Ep 3: Fixing Bugs & Debugging | Amazon Product Price Scanner in Node.js, NextJS, React
1:51:03
Ep 1: Creating a VueJS Card Component | Project: Building an Open Source Vue JS Component Library
cheddar
Ep 1: Creating a VueJS Card Component | Project: Building an Open Source Vue JS Component Library
1:55:02
Live Coding: Ep 2: Grabbing a Product image | Amazon Product Price Scanner in Node.js, NextJS, React
cheddar
Live Coding: Ep 2: Grabbing a Product image | Amazon Product Price Scanner in Node.js, NextJS, React
1:35:21
Ep 2: Publishing an NPM module | Project: Building an Open Source Vue JS Component Library
cheddar
Ep 2: Publishing an NPM module | Project: Building an Open Source Vue JS Component Library
1:18:08
Ep 3: Architecture, Build Process, and consuming NPM module | Open Source Vue JS Component Library
cheddar
Ep 3: Architecture, Build Process, and consuming NPM module | Open Source Vue JS Component Library
2:16:15
Ep 4: Versioning Releases with Automation + Project Planning | Open Source Vue JS Component Library
cheddar
Ep 4: Versioning Releases with Automation + Project Planning | Open Source Vue JS Component Library
1:56:39
Ep 5: Building out VueJS Components | Project: Building an Open Source Vue JS Component Library
cheddar
Ep 5: Building out VueJS Components | Project: Building an Open Source Vue JS Component Library
2:07:54
Live Coding: Ep 1: Heroku Scheduler to ping a web server every hour | Node.js, NextJS, React
cheddar
Live Coding: Ep 1: Heroku Scheduler to ping a web server every hour | Node.js, NextJS, React
1:24:56
Ep 4: Switching from NextJS to GatsbyJS | Marathon Results Data Visualization App
cheddar
Ep 4: Switching from NextJS to GatsbyJS | Marathon Results Data Visualization App
1:51:00
Ep 2: Coding a Landing Page with NextJS | Marathon Results Data Visualization App
cheddar
Ep 2: Coding a Landing Page with NextJS | Marathon Results Data Visualization App
3:14:36
Ep 3: Dynamic Routing in NextJS | Marathon Results Data Visualization App
cheddar
Ep 3: Dynamic Routing in NextJS | Marathon Results Data Visualization App
1:37:56
Ep 1: Deploying a React / NextJS Data Visualization app to now.sh
cheddar
Ep 1: Deploying a React / NextJS Data Visualization app to now.sh
2:30:46
Ep 2: Building a Custom CSS Color Picker Element with HTML, CSS, JS | CSS3 Color Picker
cheddar
Ep 2: Building a Custom CSS Color Picker Element with HTML, CSS, JS | CSS3 Color Picker
2:14:51
Ep 1: Building a Custom CSS Color Picker Element with HTML, CSS, JS | CSS3 Color Picker
cheddar
Ep 1: Building a Custom CSS Color Picker Element with HTML, CSS, JS | CSS3 Color Picker
2:02:04
Introduction to Regex in JavaScript
cheddar
Introduction to Regex in JavaScript
40:07