colbyfayock/cloudinary-ai-travel-workshop

🧠 The AI for Images & Videos You Actually Need

In this workshop you'll learn how to use AI to create more efficient image and video workflows.

• Workshop Overview
• Who Am I?
• Before the Workshop
• The Workshop

🔍 Workshop Overview

Excited to learn? You should be! Here's some of the stuff we'll learn in this workshop:

• Create a new Next.js app using a starter template
• Use Cloudinary to optimize images using AI
• Dynamically Crop and Resize Images and Videos
• Apply Generative Fill, Remove, and Replace to images
• Moderate user uploads with Amazon Rekognition
• Automatically tag images based on content
• Generate captions using AI
• Remove backgrounds from images
• And more? 👀 we'll see how much time we have!

Demo: https://my-travel-ai-psi.vercel.app/

Code: https://github.com/colbyfayock/my-travel-ai

👨‍🚀 Who Am I?

I'm Colby Fayock! 👋

Astrocoder, Developer Experience Engineer, GitHub Star—I help others get the tech out of the way to solve real problems with the tools of the web.

I've gained real-world experience tackling challenges like ecommerce with ThinkGeek, satellite dashboards, and working as Director of DevX Engineering at Cloudinary.

I share that experience with the community through articles, videos, and courses on YouTube, egghead.io, and Level Up Tutorials, along with open source work on GitHub to help aspiring developers learn by doing one Star Wars plush cuddle at a time.

You can find me on Twitter at @colbyfayock and YouTube at @colbyfayock!

🧰 Before the Workshop

There are a few things you'll want to make sure you'll have prepped before we jump into the workshop.

First off, you'll want to make sure that you meet the miminum environment requirements in the section below. Basically, you should be able to use npm for working with projects locally on your machine.

You'll also want to make sure you have signed up for a free acount with Cloudinary

While you can do these things during the workshop, you risk the chance that you'll fall behind while we're working through the curriculum.

Environment Requirements

There are three things that are probably considered "strict" requirements for the workshop:

• node

This means that you should have basic familiar with a terminal as we'll be using it to run commands.

The operating system you use shouldn't matter as long as you can run commands with npm (or yarn if that's your thing).

If you can run npm -v, you should be good to go.

You can confirm you're development environment is ready to go by using Create Next App to test creating a new Next.js app.

npx create-next-app

We'll be doing something similar to start off our project and if that works, the rest should work!

Setting Up the Project

For our project, we're going to be starting from "scratch".

Scratch is importantly in quotes, as we'll be creating a new project using a Starter template so that we can focus on learning how to integrate the tools of the workshop instead of building an interface around it.

If you want to start this project ahead of time to start poking around or even cusotmize it a bit to your liking, you can get started with:

npx create-next-app@latest my-travel-ai -e https://github.com/colbyfayock/demo-travel-workshop-starter

🖥 The Workshop

Lessons Structure

The lessons directory includes a bunch of markdown files which includes instructions for how we'll progress through the workshop. We'll be working through these exercises together throughout the workshop.

As far as the project we'll create and work through together, you're welcome to choose where you run the Create Next App command, whether that's outside of this repository or within it. A good rule of thumb might be to create the project where you would typically create new web apps or sites.

Head over to Lessons to get started!

🎓 After the Workshop

Feedback

The good, the bad -- I want to know! I would really appreciate you taking any time to hop in this survey and be honest about your experience with the workshop. Please take into consideration both how much you've enjoyed the workshop and how much you felt you've learned.

Take the survey! (https://forms.gle/32h1grNb8k5F6Z7A8)

P.S. The form is anonymous unless you decide to provide contact details to follow up with.

More Learning

Looking to take what you've learned to another level? Check out my courses on egghead.io and my YouTube channel.