Framer Crash Course 2026 for Beginners Adrian Twarog 2026-09-23 | Framer Crash Course 2026 for Beginners
Should You Be Using Website Templates As A Developer in 2025? Adrian Twarog 2025-09-30 | Website Design Templates are something that have gradually grown in popularity over the last 10-20 years due to their ease of implementation of level of graphics design. Professional Website Templates can be found in about 75% of all websites, so in this video I wanted to explore template website designs that are being used by small business, freelancers and professional creative agencies.#website #template #design 00:00 - Website Design Templates in 202500:29 - What are Website Templates?01:21 - Do Small Businesses use Website Templates?01:52 - Comparing Website Templates to Custom Coded Sites02:42 - Should Templates Cost More or Less than Custom Sites?03:28 - Do Professionals use Templates?03:45 - Question - Can You Tell The Difference between Templates and Custom?04:04 - Question - Preference between Custom and Template Sites for Building Sites?04:22 - Question - When should you use a Template Design?04:45 - Question - Should the Cost of a Template be Cheaper?05:12 - Using a Website Template from Scratch in 202505:31 - Preview of Website Design Template05:48 - Wix Studio for No Code Website Building06:06 - Website Template - Selecting a Template to Use06:48 - Website Template - Styling and Theming07:25 - Website Template - Header and Logo08:22- Website Template - Hero Section09:08 - Website Template - Feature Examples CMS Database10:10 - Website Template - Responsive Design10:24 - Website Template - Team Section11:42 - Website Template - Publishing the SiteBig thanks to Wix Studio for sponsoring this video!wix.com/studio/?utm_campaign=pa_influencers_community_adrian^social&experiment_id=^youtube_channelWant to learn web design? ⭐ Check out my course! ⭐📘 Teach Me Design - Course: enhanceui.com
The Best Website Development Tools To Try In 2025 Adrian Twarog 2025-09-04 | These are the best website development tools of 2025 that I'm personally using for web projects and coding on a daily basis as part of my core go-to code tool to build apps and sites. They are a combination of CLI, IDE, NPM packages, AI Design tools and vibe coding sites that help me build and mvp up ideas quickly!⛌ Try Wix Studio Today: wix.com/studio/?utm_campaign=pa_influencers_community_adrian^social&experiment_id=^youtube_channel00:00 - Top 10 Developer Tools of 202500:12 - 10. LLM - Ollama00:37 - 10. LLM - LM Studio01:11 - 10. LLM - Jan AI01:36 - 9. CLI - Gemini CLI02:05 - 9. CLI - Claude Code02:37 - 8. Vibe Coding - Lovable03:03 - 8. Vibe Coding - Bolt (bolt.new)03:31 - 7. AI Agent - VS Code Copilot04:06 - 7. AI Agent - Cline04:45 - 7. AI Agent - Cursor Agent05:19 - 6. Framework - Tailwind CSS05:50 - 6. Framework - Shadcn UI06:19 - 6. Framework - Radix UI06:49 - Bonus - Design Course 07:10 - 5. AI Design - v0 by Vercel07:36 - 5. AI Design - Relume08:07 - 4. No Code - Wix Studio09:09 - 3. NPM - AI SDK09:29 - 3. NPM - AI Elements09:49 - 3. NPM - React Flow10:23 - 3. NPM - CodeMirror10:42 - 2. IDE Extensions - Auto Close11:03 - 2. IDE Extensions - Auto Rename11:25 - 2. IDE Extensions - LiveServer11:46 - 2. IDE Extensions - EchoAPI12:05 - 1. IDE - VSCODE13:00 - 1. IDE - Cursor#website #development #toolsWant to learn web design? ⭐ Check out my course! ⭐📘 Teach Me Design - Course: enhanceui.com
Top 10 No Code Tools of 2025 Adrian Twarog 2025-07-07 | Top 10 no code tools of 2025 that you should try. These are visual website builders that let you create a website with nocode. These are the best no-code tools you should be aware of if you're looking at trying something new!🔶 How to setup MCP with Zapier:bit.ly/4e9xCWQ⛌ 1. Wix Studio - https://dripl.ink/nQswY🖼️ 2. Framer - framer.com🕸️ 3. Webflow - try.webflow.com/adrian⏹️ 4. Squarespace - squarespace.com🟠 5. Duda - duda.co🟣 6. Loopple - loopple.com⚛️ 7. Elementor - trk.elementor.com/23140⚠️ 8. Bildr - bildr.com⚠️ 9 - Unbounce - unbounce.com⚠️ 10 - Leadpages - leadpages.com🔶 Bonus - Zapier Automations and MCP integration00:00 - Top 10 No Code Tools 202500:03 - 1 - Wix Studio - Agencies and Enterprise01:08 - 2 - Framer - Developers and Designers02:08 - 3 - Webflow - Visual Website Builder03:49 - 4 - Squarespace - Designs and Template04:48 - 5 - Duda - Raw Code Editing06:07 - 6 - Loopple - Templates and Dashboards07:46 - 7 - Elementor - WordPress Visual Builder08:36 - 8 - Bildr - 9 - Unbounce - 10 - Leadpages - 11 - Tilda#nocode #tools #2025 These low code no-code website tools are just some of many. If there are any website design tools that are visual website builders that need no code to create, and I missed out, let me know!Want to learn web design? ⭐ Check out my course! ⭐📘 Teach Me Design - Course: enhanceui.com
Make Your Website Talk! I gave my blog audio with AI voice 🔊 Adrian Twarog 2025-06-20 | Adding audio to your website through AI voice cloning will likely become a norm for blogs and articles in the future. Need your own server or VPS? Try Hostinger at hostinger.com/adriantwarog and use code ADRIANTWAROG for 10% and if you want to clone your voice in a few seconds? 🐟 Check out Fish Audio at https://fish.audio/00:00 - Make Your Website Talk00:16 - Steps to clone your voice using AI00:58 - Fish Audio03:16 - Generating a Blog with Horizons - bolt.new - Lovable - v0 - ChatGPT06:13 - Adding Voice Clone API to the blog09:50 - Hosting my blog on a VPS using Hostinger13:30 - Thoughts about text to speech in the futureHere's how I was able to make my website talk using tech from Fish Audio and then host it on my own VPS server using Hostinger!#ai #vps #aivoiceWant to learn web design? ⭐ Check out my course! ⭐📘 Teach Me Design - Course: enhanceui.com
MCP Setup for Claude - Cursor - Windsurf - VS Code in 4 mins Adrian Twarog 2025-06-13 | How to setup MCP for all the popular coding systems. We are going to create Model Context Protocol using a third party server (Wix Studio) and prepare the MCP configuration file for Claude Desktop, Cursor, VS code and Windsurf to show how you can set it up in a few minutes.00:00 - MCP Setup Tutorial00:10 - Wix Studio MCP Server00:41 - MCP Setup - Claude Desktop01:55 - MCP Setup - Claude Online 02:30 - MCP Setup - Cursor AI 03:03 - MCP Setup - VS Code04:02 - MCP Setup - Windsurf⛌ Try Wix Studio: wix.com/studio/?utm_campaign=pa_influencers_community_adrian^social&experiment_id=^youtube_channel#mcp #server #setupWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com
How To Make A No Code Website Adrian Twarog 2025-06-02 | This tutorial will show you how to make a no code website using Wix Studio from scratch. It's a beginner friendly jump into No-Code Tools that let you build web designs quick and easy. ⛌ Try Wix Studio: wix.com/studio/?utm_campaign=pa_influencers_community_adrian^social&experiment_id=^youtube_channel00:00 - How to make a no code websites00:20 - No Code Website we will build from scratch00:53 - Wix Studio for No Code01:04 - Create No Code Web Design01:29 - Wix Studio Layout01:56 - Header - Add Logo03:18 - Header - Menu03:53 - Hero - Title04:45 - Hero - Image07:03 - Banners - Sections and Grids08:48 - Banners - Responsive Design10:53 - Call to action - Layout - Repeaters13:03 - Call to action - Content and Mobile Responsiveness13:51 - News - Containers and Nesting14:51 - Contact Form15:23 - Final updates - No Code Website15:39 - Publishing No Code Website#nocode #website #wixstudio Big thanks to Wix Studio for sponsoring this video! It's a no code website builder that lets you build no-code websites from scratch. This tutorial should be a great intro to no-code websites, but if uou can learn more about them at the link below:wix.com/studio/?utm_campaign=pa_influencers_community_adrian^social&experiment_id=^youtube_channelWant to learn more? ⭐📘 Teach Me Design - Course: enhanceui.com
I tried vibe coding the most popular apps with Lovable Adrian Twarog 2025-05-16 | Lovable is one of the newest tools that lets you vibe code out ideas. It's becoming incredibly easy to build your own MVP with tools like lovable even in a single prompt. In this video I'm going to show you some of the basics of vibe coding by coding out some of the most popular apps like Audible, YouTube etc and nd that I've also created in the past like RPG tracker!If you want to learn more or try Lovable yourself, check it out below:https://lovable.dev/Also a big thanks to Lovable for sponsoring this video and making it and others like it happen on this channel!#lovable #ai #codingWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.com
Claude MCP Server Tutorial using Zapier Adrian Twarog 2025-05-12 | Claude MCP tools are easier than every to setup. In this video I'll show how to setup a Claude MCP Server with Claude Desktop or just regular Claude using Zapier, giving you access to hundreds of tools through a single connection.Claude MCP Server Integration Tutorial with Zapierbit.ly/42OUN4R00:00 - Claude MCP Server Integration Tutorial00:28 - Claude MCP Tools Overview01:02 - Zapier Integration for MCP01:28 - Adding a Claude MCP Integration01:48 - Testing Claude MCP Tools02:05 - Adding Zapier Tools for Claude to use02:30 - MCP Tool - Gmail - Read emails02:54 - MCP Tool - Gmail - Send emails03:27 - Claude Desktop MCP Tools03:43 - Conclusion#claude #mcp #zapierThanks to Zapier for sponsoring todays video and making it happen, you can learn more about them in the link below: bit.ly/42OUN4RIf you want to learn more about mcp, or using claude or even how to access claude desktop with claude mcp working, I have a previous video that covers this. MCP with claude has never been easier, so this mcp tutorial should show you how to use work. This claude MCP tutorial is pretty simple, but if you have questions about mcp servers or mcp integration then let me know and I'll create something a bit more specific, as this was mainly claude zapier integrations. Good luck using Model Context Protocol and let me know if you have any cool mcp integrations I should try!Want to learn design? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com
Claude vs ChatGPT for Programming: Whats the difference? Adrian Twarog 2025-04-11 | When OpenAI launched ChatGPT in late 2022, programmers like myself were already using it with obsession and testing its limits. In this video, I'll help you understand what sets Claude and ChatGPT apart for coding, focusing on models like Claude 3.5 Sonnet and ChatGPT's GPT-4o depending on your workflow in vscode or cursor.#chatgpt #clade #codingYou can try ChatGPT Automations with Zapier:bit.ly/3G3sdUhAnd Claude Automations with Zapier too:bit.ly/3FZNn5JFull article about the comparison between Claude and ChatGPT:zapier.com/blog/claude-vs-chatgptBig thanks to Zapier for sponsoring this video and making it and others like it happen!Want to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:📦 Admin Templates and UI Kits: themeselection.com/?ref=36💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
Bolt New 1-click Importer for Figma Web Designs Adrian Twarog 2025-03-29 | Bolt New 1-click Importer for Figma Web DesignsWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:📦 Admin Templates and UI Kits: themeselection.com/?ref=36💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
Import Figma Web Designs in 1-click using Bolt.new Adrian Twarog 2025-03-25 | Bolt has released a tool that uses AI to import Figma designs into code. This tool lets you pick your favorite web designs and convert them to HTML, React, CSS etc. Want to try it yourself check out Bolt.new below:tinyurl.com/adrian-twarog00:00 - Bolt new Figma Importer00:15 - Preview of bolt.new figma import01:09 - Preview of Figma Component01:26 - Connect Bolt.New to Figma01:45 - Import from Figma02:26 - Customize Component with AI03:13 - Import Web Design03:28 - Figma Best Practice 04:40 - Customize web design with AI05:23 - Final thoughts on bolt.new05:44 - Conclusion#bolt #figma #ai Thanks to Bolt.new for sponsoring this video, they make videos like this and others possible on this channel!Want to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:📦 Admin Templates and UI Kits: themeselection.com/?ref=36💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
The Best Developer Tools To Try in 2025 Adrian Twarog 2025-02-28 | These are the top 5 developer AI tools you should try in 2025. They have been great to helping me spin up new ideas, build out concepts and automate out full projects when I've been making websites and applications this year. Also check out Zapier at bit.ly/4ijDQnQ1. Cursor AI - Use Agents to Code faster, Cursor is a coding IDE that speeds up your programming workflow:cursor.com2. MidJourney - Generate AI artwork in seconds, mid journey lets you great web design concepts or assets instead of using stock photography.midjourney.com3. Bolt New - Spin up new ideas with a chatbot like interface rather than coding it yourself. It's one of the fastest growing AI tools on the market.https://bolt.new/4. Zapier - Automate your applications in any way you need. Connect apps together or build agents or connect services across visually bit.ly/4ijDQnQ5. Relume AI - Build sitemaps and wireframes in seconds with AI, then style and export them to figma, react or htmlrelume.io/?via=adrianAlso a big thanks to Zapier for sponsoring todays video!#ai #developer #tools00:00 - Top 5 Developer Tools You Should Try in 202500:05 - 1 - Cursor AI - Coding IDE with AI Agents01:34 - 2 - MidJourney - AI Art Generation03:05 - 3 - Bolt New - Web / App Development04:35 - 4 - Zapier - Automation07:24 - 5 - Relume AI - Wireframe and DesignWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.com
The Most Sci-Fi Things I Can Develop With AI Right Now Adrian Twarog 2024-11-22 | Imagine a book that can teach you anything you desire and is also fun to read. That’s what I want to bring to life in this video. Using everything from Cursor AI, VS Code, Langflow, Figma, Next JS, Vercel and React JS, I'm going to show you how I design, develop and then publish this AI idea!💫 Get started with the DataStax AI Platform: (Use promo code TWAROG for $300 in free credits)dtsx.io/adriantwarog ⭐ Star the Langflow GitHub repo: dtsx.io/atwarog📔 Try the Illustrated Primer webapp:theillustratedprimer.com#langflow #ai #webdevelopment Thanks to DataStax / Langflow for sponsoring this video!
The Best React JS IDE just got BETTER - Codux Adrian Twarog 2024-11-11 | Codux just got better, as it now supports building entire web apps! codux.hopp.to/adrian Codux is a visual workspace for any React project Create applications, develop components and build design systems. I did a previous video on them youtube.com/watch?v=Rx02_nUBte8 and in this video I'll show you what has improved and changed in just the last 12 months!🟣 Codux | Visual Development Environmentcodux.hopp.to/adrian00:00 - Codux Introduction - React JS IDE00:22 - Codux - Remix Integration00:52 - Codux - New Features - Navigation Routing Props and Styles01:45 - Installing and setting up Codux02:06 - Codux eCommerce Template02:50 - Codux Interface Overview03:19 - Codux Viewing Pages for Web Apps03:57 - Codux Routing and Navigation04:53 - Codux Preview mode and Editing mode05:39 - Codux Add Elements06:45 - Codux UI Kits07:45 - Codux IDE use for Component Editing08:22 - Coding directly inside Codux09:14 - Codux with VS Code09:52 - Codux styling with Inspector Panel10:18 - Using Codux for building web apps11:11 - Publishing your Web App using Codux11:35 - ConclusionWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:📦 Admin Templates and UI Kits: themeselection.com/?ref=36💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
I tried the Apple Vision Pro as a Developer - VS Code in VR! Adrian Twarog 2024-07-28 | So I tried Apple's new Virtual Reality Headset called the Apple Vision Pro. I decided to test what it would be like as a programmer to use it properly for creating web designs and coding inside of visual studio code!I discovered it was a lot of fun, however it might not be what you expect if you're planning to use it as your workhorse device. While VR is still quite new, website design still feels better for me on a traditional monitor. There are still a lot of smarts that Apple have added in the hardware and software that makes the AVP a technological marvel!#apple #visionpro #programming Apple Vision Pro Website:apple.com/au/apple-vision-proAs a programmer, I tried being a developer and using the apple vision pro. Apple and the vision pro also known as the avp is a vr or virtual reality headset I tried coding and programming on. To code a website or do development on the AVP. The Apple Pro Vision technology is pretty interesting for coding in vr. VR coding or VR programming is not as fun as programming without vr. While the Apple Vision pro Coding experience is interesting, I wouldn't recommend using the apple vision pro programming day to day. Figma inside of VR was similar. While vscode in VR was also not as good. Title Ideas:I tried the Apple Vision Pro as a DeveloperI tried the Apple Vision Pro as a ProgrammerWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:📦 Admin Templates and UI Kits: themeselection.com/?ref=36💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
How I made a Real Life Pokedex using AI / OpenAI Adrian Twarog 2024-05-27 | A new Pokemon journey begins as I try to create a real life Pokedex. Using OpenAI GPT-4o Omni and AstraDB Database, here's how I made the impossible, possible!Astra DB (Datastax todays sponsor):datastax.com*Due to OpenAI Pricing, I am unable to run this demo project indefinitely, you can clone your own version for testing, you can do so below:github.com/adriantwarog/Pokedex-RL00:00 - A Real Life Pokedex00:44 - Inspiration - Why I'm building a Pokemon Pokedex Project01:58 - Planning - How to build a Pokedex and Competitors03:13 - Research - Pokedex Aesthetics and Design04:25 - Design Preparation05:30 - Sketching out Ideas for the Pokedex Design06:20 - Design Mockup - Color Typography07:53 - Design - Figma High Fidelity User Interface09:38 - Programming - Next JS Frontend and Backend10:10 - Database - Using DataStax - AstraDB12:47 - AI - Integrating ChatGPT with OpenAI GPT4o model14:42 - Camera - React Camera Capture Images & GPT4 o Analysis16:55 - Statistics - Creating Stats Map with Data Graphs17:36 - Voice - Recreating Pokedex Voice using AI18:48 - Authentication - Next Auth Sign in for Users19:42 - Database - Leaderboard and Saving Pokémon Entries20:18 - Database - Vector Database with Astra DB21:32 - The Pokedex for Real Life CompleteTools that help me make this Pokedex include: Cloudinary, Fakeyou, OpenAI, Datastax AstraDB, Next JS, JavaScript, React JS, HTML, CSS, Figma, Concepts app, Remarkable, VS Code, etc.Github Repo: ( Open Source Pokedex RL )github.com/adriantwarog/Pokedex-RL#pokemon #astradb #gpt4o Want to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:📦 Admin Templates and UI Kits: bit.ly/themeselection15💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
Create a Responsive Portfolio Website with HTML CSS JS AI from scratch Adrian Twarog 2024-03-31 | In this video, I’m going to help you build your own portfolio website from scratch. You can use basic HTML CSS and JavaScript to use and create this!Assets Updatesgithub.com/adriantwarog/portfolio-getting-started-assetsThe first part of the video will allow anyone to create this web design using basic HTML, CSS and JavaScript. This will be beginner friendly. It will be a portfolio you can host yourself, and it will have a single page design that has some animation, with responsive design that will look good on a mobile device, and will teach some fundamentals for coding. In the second part, I’ll show how to migrate this code into a React Project that is on top of Next JS. This can be automatically deployed in the cloud with ease, with some additional transition effects and features. The final part of this video will feature some really interesting implementations of AI technology on top of Microsoft Azure, and some interactive elements. So whatever level you’re at you’ll learn something new and interesting. 00:00:00 - Create a Responsive Portfolio Website00:00:42 - Website Portfolio Design Overview00:02:57 - Setup Files and Folders00:04:07 - Portfolio - Coding the HTML CSS JS00:04:53 - Portfolio - Selecting a Font00:00:05:55 - VS Code - Live Server Extension00:06:34 - Portfolio - Adding a Favicon00:07:14 - Portfolio - Header and Navigation00:24:23 - Portfolio - Hero Section with Hero Image and Call to Action00:36:49 - Portfolio - Logo Section00:40:34 - Portfolio - About Section with Skills 00:46:56 - Portfolio - Articles Section with Work Experience 00:54:17 - Portfolio - Bento Grid with Recent Projects01:04:00 - Portfolio - Azure AI Chatbot01:12:55 - Portfolio - Resume and Contact Us01:15:15 - Convert the Portfolio into NextJS and React JS01:21:39 - Integrate AI Chatbot - Microsoft Azure AI OpenAI Studio01:23:32 - Integrate AI Chatbot - Setup GPT3.5 API on Azure OpenAI01:28:42 - Integrate AI Chatbot - Create Portfolio AI Chatbot01:33:48 - Integrate AI Chatbot - Add Portfolio Resume to AI Assistant01:35:30 - Completed and Summary of Portfolio WebsiteAll the assets can be found here:https://aka.ms/AdrianTwarogAIA big thanks to Microsoft for sponsoring todays video, you can learn more about Microsoft Azure OpenAI and their tools at the link about!!!You can learn more about Microsoft Azure here: https://aka.ms/AdrianTwarogAI#portfolio #website #azureWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:📦 Admin Templates and UI Kits: bit.ly/themeselection15💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
How to use Microsoft Azure AI Studio and Azure OpenAI models Adrian Twarog 2024-03-29 | You can now interact with OpenAI directly through Azure AI Studio. Learn more about Microsoft Azure AI Studio here: https://aka.ms/AdrianAIIn this video I’m going to cover Azure AI Studio, which will be useful if you’re looking to build something a bit more complex as either a beginner or professional developer at a company.There will be 5 parts to this video:1. What is Azure AI Studio2. Create a model on top of Azure OpenAI3. Import Data to a Model4. Configure and Deploy Model5. API use of the model for a ProjectI’d also like to thank Microsoft for sponsoring this video, a lot of what we do today will be built on top of the Microsoft Azure service, so if you want to learn more, I’ll add links in the description to the project.Azure AI Studio is the combination of tools such as Azure OpenAI, Machine Learning and other AI services like speech, vision, etc in a central place. With it:- I am able to deploy AI models for deploying and testing AI models on top of the Azure OpenAI service.- I can add custom data sources to help prompting, such as a database, file or document, or even web address.- I can define prompts to work almost like a flow chart, this prompt flow lets you create more customization for the models and how they function- I can integrated content safety filters to help mitigate problems or harm depending on the type of solution you’re building- I can combine multiple AI capabilities to produce a much more advanced generative AI solution.00:00 - Microsoft Azure AI Studio00:44 - What is Azure AI Studio01:32 - Azure AI Studio - Initial Setup and Deployment02:44 - Azure AI Studio - Playground05:17 - Azure AI Studio - Prompt Flow06:42 - Azure AI Studio - Upload files and data11:02 - Azure AI Studio - API use of Azure OpenAI GPT3.5 and GPT4 Models16:25 - Additional Documentation and Resources for Azure AI Studio#microsoft #azure #openaiWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:📦 Admin Templates and UI Kits: bit.ly/themeselection15💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
How to build a PDF summarizer using AI - React JS Next.js Adrian Twarog 2024-03-05 | I'll show how you can build a PDF summary App using AI. I'll use a plain CLI with Node JS and then I'll add a user interface with Next.js and React JS. The PDFs can have multiple pages and can summarize large documents with large language models using Octo AI. Check out the full project at:github.com/octoml/octoai-textgen-cookbookGive OctoAI a try at: (Thanks to Octo AI for sponsoring the video!)https://octoai.cloud/Join the conversations happening on OctoAI's Discord here: discord.com/invite/rXTPeRBcG700:00 - PDF Summary using AI01:28 - CLI - Setup Octo AI API Key02:22 - CLI - Setup Node JS Project03:43 - CLI - Prepare API for Octo AI05:26 - CLI - Prepare Client Terminal Prompting07:58 - CLI - Setup PDF Parse Documents11:52 - CLI - Summarize PDF and Export PDF to TXT13:21 - Next.js - Setup Next JS User Interface17:14 - Next.js - Setup basic API route for AI Summarization18:25 - Next.js - Frontend API Call to Backend Route19:44 - Next.js - Configure OctoAI API Package21:42 - PDF Summarizer using AI CLI and UI Summary#pdf #octoai #ai Want to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
37 x Interactive React JS Components to Try - Aceternity UI Adrian Twarog 2024-02-13 | If you want to make your websites look 10x awesome, try Aceternity UI. You can copy paste the most trending components and use them in your websites without having to worry about styling and animations.Reference: ui.aceternity.com00:00 - React JS Interactive Animated Components00:29 - What is Aceternity UI00:51 - 3D Card01:32 - 3D Animated Pin02:03 - Hero Parallax02:18 - Google Gemini Effect02:47 - Scroll Beam03:03 - Animated Tooltip03:36 - Background Beams03:57 - Bento Grid04:33 - Card Stack04:56 - Container Scroll Animation05:24 - Evervault Card - Hyperplexed05:53 - Background Grid and Glow Card06:17 - Infinite Moving Cards06:39 - Parallax Grid Scroll07:03 - Stick Scroll Reveal07:29 - Animated Tabs07:53 - Additional Bonus Effects#reactjs #ui #interactiveWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RETitle ideas: 37 x Interactive React Components to Try - Aceternity UI37 x Interactive & Animated React Components - Aceternity UINew React JS Interactive Component Library - Aceternity UITry this insane interactive animated react js library - Aceternity UITry These New Interactive ReactJS Components - Aceternity UI
YouTube Clone with A.I. Next.js 14, React JS, Mongo, OpenAI Adrian Twarog 2023-12-22 | I've been working on a special MVP project called the YouTube Analytics AI, which takes youtube studio analytics and adds AI features on top to analysis thumbnails, videos and content. Here is my progress on it so far. In this video I added Cloudinary detection, analysis and editing tools!Cloudinary AI: (todays sponsor)cloudinary.com/products/cloudinary_ai?utm_source=youtubeanalyticsai&utm_medium=sponsorship&utm_campaign=youtubeanalyticsai&utm_content=poweredbyCheck out the YouTube Analytics AI project below: (might require you to have a youtube channel!)youtubeanalyticsai.comI used the following tools, languages and frameworks to build the project. Next JS was used for the frontend and backend. React JS was used for the overall framework that was on HTML CSS and JS. I also added Mongo DB for the database. I had some OpenAI and ChatGPT included as part of the project. But most of the analysis, editing and modifications to videos and images were with Cloudinary. Title Idea 1: The YouTube Algorithm failed me, so I coded my ownTitle Idea 2: The YouTube Algorithm failed me, so I coded my own AI Video Tools using - Next JS ReactJS ChatGPTTitle Idea 3: YouTube Studio 2.0 - Video AI + NextJS 14 + ReactJS + MongoTitle Idea 4: Building MVP Idea with AI - YouTube Studio 2.0Title Idea 5: Coding an MVP from Scratch - YouTube Studio 2 Video AI Tool#youtube #algorithm #aiWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
You must try this Visual Editor for building React JS Apps Adrian Twarog 2023-11-24 | Codux is a Visual IDE for React, and a revolutionary one at that! It can render any react project quickly and in real-time. In this video I’m going to take a look and what makes it so special, including how it includes built-in CSS, SASS and Tailwind styling options. There are now components and boards that let you use and reuse component templates you’ve created, and it makes the process for both developers and designers much easier when building sites.Download Codux for free: codux.hopp.to/adrianThanks to the team from Codux for sponsoring this video, they make it and others like it happen on this channel!Want to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RETitle Ideas!- The Future of Developing React JS will be with this Visual IDE- Developing React with Visual IDE is now possible- React JS can be Coded Visually- Visually Create React JS Apps with this New IDE- This Insane React JS IDE Lets You Design Apps Visually- How I can now create react apps visual with this IDE called Codux- You must try this Visual Editor for building React JS Apps in an IDE1. "Visualize React: Revolutionizing App Development with Codux!"2. "No More Lines? Design React JS Visually with Codux IDE!"3. "Revolution in React Development: Dive into Visual IDE Codux!"4. "Craft React JS Like Never Before: Go Visual with Codux!"5. "Redefining React App Creation: The Power of Codux Visual IDE!"6. "A Glimpse into the Future: Visual React JS Development with Codux!"7. "Change the Way You See React: Introducing Codux Visual IDE!"8. "From Imagination to Code: Visualize React Projects with Codux!"9. "Bringing Ideas to Life: React JS in the Age of Visual Codux IDE!"10. "Codux Unveiled: A New Dawn in Visual React App Development!"
How I Create and Code AI Startup Ideas in 24 hours - OpenAI Adrian Twarog 2023-10-27 | I've had this idea I wanted to build for quite a while, so I decided to not have any more excuses and build the whole MVP idea out in a single day. I built this AI start up in just 24 hours. I used simple Javascript code, with some basic HTML, CSS and Node JS, with a backend database of Astra DB since it now includes Vector Databases! I used OpenAI for the Artifical Intelligence together with ChatGPT since chat gpt seems the best at collecting youtube transcripts from the api.Ready to build your startup? DataStax wants to help! Sign up for Astra vector database today. Use your business email address and get from $1000- $3000 in free credits and consulting with your subscription. (link below)datastax.com/lp/astra-registration?utm_medium=youtube_video&utm_source=datastax&utm_campaign=yt_influencers&utm_content=vector_search_adrian_twarogCheck out the full project on GitHub below:github.com/adriantwarog/youtube-transcripts-openai#ai #startup #website Thanks to Datastax for sponsoring this video about Astra DB! They make videos like this and others happen on this channel :)Want to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
I dont need Firebase anymore! I use Appwrite Cloud Functions Adrian Twarog 2023-10-06 | I managed to create a cloud function on GitHub using Node JS that has CI CD in less than 5 minutes, and you can do this too! Finally, I don't have to use services like Firebase and complicated setups with a worry that the pricing might break my wallet.Appwrite and it's new cloud beta is now available. It has cool things like cloud functions that are easy to implement using templates that are ready to go. This was probably the easiest way to deploy a simple hello world function, but I also deployed an OpenAI ChatGPT Prompt generator showing how easily AI features can be integrated with openai and functions!Appwrite Cloud Beta: (sponsor)appwrite.io#firebase #appwrite #functions Thanks appwrite for sponsoring today's video!Want to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
ChatGPT for Automation in Business and Personal Tasks Easily Adrian Twarog 2023-09-29 | ChatGPT Automation - Tutorial on How to Automate Tasks with AI, I'll show how to integrate GPT4 with Applications and Workflows.Make: (Todays Sponsor)Get 1 month of Make's Pro plan with 10,000 operations for free using this link:make.com/en/register?promo=adrian-twarog&utm_source=adrian&utm_medium=influencer&utm_campaign=automate-business-with-chatgpt-openaiOpenAI:openai.com00:00 - OpenAI Automation01:00 - OpenAI Account Setup01:13 - Make Account Setup01:50 - Gmail AI Automation - Watch and Label Emails with ChatGPT04:16 - Gmail AI Automation - OpenAI API Key04:53 - Gmail AI Automation to Read and Label Emails13:14 - Gmail AI Automate - Create AI Emails Draft with OpenAI17:50 - Google Sheets AI Automation - Watch and Update Rows and Cells with ChatGPT23:41 - Trello AI Automation - Board and Card Automation with AI using ChatGPT32:33 - Make Workflows and Tasks Summary#openai #ai #automation Want to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RETitle Ideas:- Advanced automation using GPT4- I built an AI Email Automation with GPT4 and JavaScript- Integrate OpenAI with Applications Tutorial- How to integrate GPT4 with Applications and Workflows- How to setup ChatGPT with Automation Tutorial- ChatGPT Automation - Tutorial on How to Automate Tasks with AI- Building workflow system for ChatGPT to complete tasks- Use AI for Automation Tutorial - ChatGPT, OpenAI, JavaScript GPT4- ChatGPT Custom Instructions - Building Automation- Build Custom ChatGPT4 WebApp - Full Tutorial- Automate your Life with GPT4- Automate your Work with GPT4- Build Ai Automation using GPT4, OpenAI & Make- Enhanced Tricks with OpenAI for Business - Ai Automation Tutorial- Top Interesting Ways to Automate AI- Top Ways to Use Ai with Workflows
ChatGPT Functions - Full Tutorial for using OpenAI Functions Adrian Twarog 2023-08-25 | Learn OpenAI ChatGPT Functions and how to properly integrate them. In this video I'll cover Chat GPT functions and how to integrate ai into function calling. ChatGPT Function can be used to talk directly between your terminal and request Open AI to call specific commands based on what is written. Bright Data: (free $15 credit when using link below)Proxy Network and Scraping Toolbrdta.com/adrian_twarogGitHub Project: (Download to try!)github.com/adriantwarog/chatgpt-functionsOpenAI - GPT4 and ChatGPT Homepage:openai.comOpenAI Documentation:platform.openai.com/docs/introduction00:00 - Introduction 00:45 - What are ChatGPT Functions06:58 - OpenAI Setup and API Key07:49 - VSCode NodeJS Setup for OpenAI Key09:25 - ChatGPT Functions - Basic Example - Hello World10:00 - Step 1 - Initialise API call to OpenAI ChatGPT Functions11:11 - Step 1 - Setup OpenAI Function Call Syntax12:24 - Step 2 - Check if ChatGPT wants to call a Function14:08 - Step 3 - Identify Function To Call - Pass Variables - Call Function15:18 - Step 4 - Prepare a return response from the function to ChatGPT17:57 - Step 4 - Send ChatGPT Functions the return response18:39 - Test ChatGPT Function - Summary20:08 - ChatGPT Functions - Create Function - Time of day23:17 - ChatGPT Functions - Expert Function - Web Scraper28:31 - Conclusion - Download GitHub ProjectThis video is a tutorial on how to use ChatGPT Functions. It is essentially a Crash Course for Open AI Chat GPT Functions. This is a beginners guide to functions chatgpt. Hopefully this will show you how to use chatgpt functions.#gpt #functions #openaiWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9REOther Title: GPT Functions - How to Create Your Own Ai Web Scraping / Proxy
ChatGPT Code Interpreter Tutorial - New Open AI GPT Model! Adrian Twarog 2023-07-18 | ChatGPT Code Interpreter Tutorial - Data Uploads and Analysis. The latest Code Interpreter Chat GPT model has new features that previous Ai models didn't have. OpenAI have done a really fantastic job allowing you to run python inside of ChatGPT to do interactive things. This crash course is a guide for code interpreter.#chatgpt #codeinterpreter #openaiWant to learn more? ⭐ Check out my courses! ⭐📘 Teach Me Design - Course: enhanceui.com📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.comSoftware & Discounts:✖ Editor X: editorx.com/adrian-twarog🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140Computer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
OpenAI Embeddings and Vector Databases Crash Course Adrian Twarog 2023-06-30 | Embeddings and Vectors are a great way of storing and retrieving information for use with AI services. OpenAI provides a great embedding API to do this. Postman lets you make these with easy at postman.com (today's sponsor)In this video we will explore how to create a Vector Database by creating embeddings using the OpenAI API and then storing them in SingleStore.The first part of the video will cover how to create an embedding using just API requests with Postman. Then we will jump into Single Store and store these in a new database made specifically for vectors like this. 00:00 - Introduction00:10 - What are Embeddings and Vectors02:14 - Setup OpenAI Embeddings03:11 - Setup Postman API Requests to create Embeddings03:55 - Create Embedding03:55 - Create Embedding06:55 - Create PDF or Document Embedding07:43 - Vector Database - Setup with SingleStore08:20 - Vector Database - Create Database09:32 - Vector Database - Create Table10:41 - Vector Database - Insert Embedding Row13:25 - Vector Database - Search Embeddings15:18 - Embedding function with JavaScript and NodeJS18:08 - OpenAI and GPT Digital Book18:29 - ConclusionPostman: (today's Sponsor) for API Requestspostman.comOpenAI Embedding Documentation:platform.openai.com/docs/api-reference/embeddingsSingleStore Vector Databasesinglestore.com/cloud-trial/?utm_campaign=adrian-twarog&utm_medium=video&utm_source=youtube⭐ Teach Me OpenAI & GPT - Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
How I used AI to Automate YouTube Shorts - ChatGPT OpenAI Adrian Twarog 2023-05-26 | AI automation is making its way into designing, coding and even video production. I'm going to explore how videos can be fast-tracked and automated using AI services! I try to create a new youtube channel scripted by ChatGPT, edited with Text to Video AI, and voiced over too. OpenAI has really changed how many things are done.This video was sponsored by InVideo! If you want to try inVideo with a 25% discount. Use the code AT25 at the following link:invideo.io/?ref=adriantwarogVideo producing is a big thing for me, so this was an interesting thing to try and do! If you want to see the youtube channel I created, you can check it out below:youtube.com/channel/UCS2prpNO4P9Gc4sbQh9GHPwInVideo also has an official Youtube channel for more hacks on creating videos with ease:bit.ly/3scIvQiI think whats interesting is that it could be possible to create a faceless youtube channel this way, and even do some youtube automation given enough processes. Personally though I think creating content more personalised is still my favourite way to do things!#ai #automation #shortsLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
I used AI to Automatically Generate Websites Without Coding Adrian Twarog 2023-05-01 | Not everyone can code, and while ChatGPT is great at giving you the code for a site, there are tools out there now that generate websites using ai without writing code.In this video I'll cover 10web which has a new AI Website Builder that automates Ai Generation tools like OpenAI provides to create a website in just minutes!Check out 10Web AI Builder: (also today's sponsor)10web.io/ai-website-builderThis is quite useful if you need to launch a business, startup or idea. The trick behind websites these days is usually about having them done, and this is a good entry into being able to do that. The website came out pretty cool, the web design ai made included premade photos and written sections that were closely related to the task I requested! #ai #website #webdesignCheck out Teach Me AI (Course)https://openaicourse.10web.site/Learn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
How to integrate OpenAI GPT3 with a Databases - Crash Course Adrian Twarog 2023-04-21 | Databases can be connected to an AI through an API. In this tutorial, I'll show the practical uses of creating a simple connection from OpenAI to a new Database built on Singlestore.00:00 - Introduction01:00 - Project Plan01:32 - Accessing Youtube API01:59 - Connecting to the Youtube API03:07 - Retrieving Comments from Youtubes API04:16 - Setting up a Database on SingleStore05:01 - Connecting to the Database via API05:50 - Creating Database Tables and Structures06:34 - Inserting Row to Database07:31 - Populating Database with Youtube Comments09:36 - Connect to OpenAI API11:09 - Connect Database to GPT314:05 - Using GPT AI to Analyse and Update Database16:29 - Conclusion⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!SingleStore: (also today's sponsor)Unified data engine for transactional and analytical workloads.singlestore.com/cloud-trial/?utm_campaign=adrian-twarog&utm_medium=video&utm_source=youtubeOpenAI:Creator of ChatGPT, Open AI creates models like davinci, ada, and chat gpt and can be accessed via their APIs.openai.comLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
How To Build A Twitter Clone - React Next JS - Appwrite Crash Course Adrian Twarog 2023-04-01 | We will Clone Twitter from Scratch in this Appwrite Crash Course, where you will learn how to use NextJS, React JS, HTML, CSS and a few exciting modules to recreate the site!00:00 - Introduction00:48 - What is Appwrite01:39 - Setup and Installation02:11 - Docker installation04:45 - Appwrite Backend06:15 - NextJS Frontend07:42 - Appwrite database setup09:49 - Frontend API Connection11:30 - Account and User API12:58 - Create Email Session15:39 - Other Login Methods16:23 - Get Current User Session Info16:58 - User Session Logout20:39 - Database - Tweet Collection24:30 - Storage and Functions25:17 - Refactoring Codebase27:47 - Tailwindcss and Classname setup29:05 - Frontend UI Refactoring30:08 - Database Updates and Teams31:54 - Functions in Appwrite37:50 - Final Changes and Project Overview40:09 - ConclusionAppwrite is a self-hosted backend-as-a-service platform that provides developers with all the core APIs required to build any application. Learn more about Appwrite. They were kind enough to also sponsor this video making it and others like it happen on this channel!appwrite.io⚪ GitHub Repo for the Project:github.com/mollerjorge/twitter-clone/tree/masterInstallation Documentation for App write:appwrite.io/docs/installationFigma Slides and Installation Details:figma.com/file/ybpZTOv1QkTckpFK6qEbuB/Appwrite-crash-course?node-id=0%3A1&t=Pknky58EQh60xRxh-1Learn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
Beginners Guide to GPT4 API & ChatGPT 3.5 Turbo API Tutorial Adrian Twarog 2023-03-28 | Crash Course GPT4 API and ChatGPT 3.5 API for Beginners. Also learn more about Microsoft Azure here: https://aka.ms/AdrianTwarogThe documentation for the Chat Completion API for GPT-3.5-Turbo and GPT4 are identical, so this video should serve as a way to implement new Chat API into your next product!Learn more about OpenAI and GPT4 and GPT 3.5 Turbo belowopenai.comI cover how to use the latest GPT3.5 Turbo API (which is also the same Chat API that OpenAI uses for GPT4). If you're looking to use OpenAI API this video should cover the whole process. In it, we will integrate Open AI API for GPT and add it to a simple application to interact with the artificial intelligence models. #gpt4 #ai #openai00:00 - Introduction00:37 - OpenAI Account Setup01:31 - NodeJS and VSCode Setup02:16 - Setup Project Environment02:58 - OpenAI Initialisation03:55 - GPT4 Chat Completion05:44 - Express REST Setup06:50 - ChatGPT 3.5 Chat Message07:10 - Frontend ChatGPT API08:06 - Frontend JavaScript Setup09:16 - Frontend Fetch Request to OpenAI Backend10:20 - OpenAI Chat Competitions API Configuration11:05 - Backend GPT Message History Setup11:39 - Frontend GPT Message History Setup13:02 - Testing Local GPT3.5 API Chat Bot Setup13:45 - Microsoft Azure Function Initialisation14:30 - VS Code Azure Extension15:00 - Create Azure Serverless Function16:00 - Prepare Test Local Azure Function17:04 - Deploy Azure Function to the Cloud18:04 - Integrate OpenAI Chat GPT into Azure Function20:13 - Deploy ChatGPT API Function into Cloud21:18 - ConclusionThis video was made with Microsoft Azure as a sponsor. Thanks for the support. You can learn more about Azure Functions and download this project on the link below!https://aka.ms/AdrianTwarog⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!Learn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
What is GPT4 and How You Can Use OpenAI GPT 4 Adrian Twarog 2023-03-15 | What is GPT4 and will it change everything? How it is different from GPT3 and is AI future... (and I think it's smarter than me). In this video I'll cover exactly what the new GPT 4 model is. Created by OpenAI it is something that Microsoft and the team at Open AI have been working on for a while!⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!#gpt4 #openai #chatgptTry the OpenAI Template - Starter Kit I've made enhanceui.gumroad.com/l/chatgpt-starter-template This is new and ready for those looking to kickstart their own app or website using the OpenAI GPT models. I've built it on MERN it should save you over 100 hours if you want to build or test your own ideas! This also supports the channel if you have found these videos of benefit!New - ChatGPT Starter Kitenhanceui.gumroad.com/l/chatgpt-template-starter-kitLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
What is Bing AI (in 120 seconds) & How to start using Bing Chat Adrian Twarog 2023-03-12 | Bing AI is the latest to come out from Microsoft to revolutionize how we are going to browse the web with OpenAI and Artificial Intelligence of chat bots!⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!The Bing Chat system works with new models from OpenAI.You can learn more about OpenAI below:openai.comUnlike chatgpt, this model is using newer open ai tech made together with the edge browser that can perform looking with ai to the web to provide better results!#bing #ai #microsoftLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
Top 10 AI Tools Like ChatGPT You Must Try in 2023 Adrian Twarog 2023-01-25 | 10 AI Tools you must try in 2023. If you have used ChatGPT and noticed the power that Chat GPT provides, and you think it's time to check out more artificial intelligence tools for business or life, here are some awesome ones!⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!Check out Codedamn to learn some programming below! They can help you to code and get your first job in the field too!https://cdm.sh/adrian00:00 - Introduction00:07 - MidJourney AI Art01:24 - Adobe Podcast AI Voice02:18 - Nvidia Broadcast - AI Video Geforce03:10 - Codedamn - With ChatGPT Support04:19 - Descript - AI Video05:12 - Notion AI - AI Text Generation06:26 - Synthesia - AI Avatar07:00 - Resemble AI - Voice AI07:39 - Soundraw AI - AI Music and Sound08:13 - Futurepedia - AI Tools Database#ai #tools #chatgptLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:📦 Admin Templates and UI Kits: bit.ly/themeselection15🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
How to use ChatGPT to Make Money Real World AI Opportunities Adrian Twarog 2023-01-15 | ChatGPT has made most people aware how AI has vast opportunities to create new income streams and ways to make money in 2023 and beyond.⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!OpenAI is not just one of the largest AI organisations now, but also one of the most widely known, with Chat GPT being at the forefront of this. In this video I explore how ChatGPT and how OpenAI and AI in general will create new ways of earning money now and in the future.Video Summary:1. ChatGPT and AI job opportunities2. Larger Freelancing and consulting field3. New developer and programming roles4. Integrating into existing jobs to save time5. Create AI products and AI services or SaaS6. Educational AI content7. Ask ChatGPT how to make money!⭐ OpenAI Template - Starter Kit ⭐enhanceui.gumroad.com/l/chatgpt-starter-templateNew - ChatGPT Starter Kitenhanceui.gumroad.com/l/chatgpt-template-starter-kitChatGPT Discord Botenhanceui.gumroad.com/l/chatgpt-discord-bot-starter-kitThis is just now as the space has opened up. I wanted to show more realistic approaches to AI income since most on YouTube right now are just low level examples of ChatGPT writing out a blog!#openai #chatgpt #income Learn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
My Full Web Design Process Adrian Twarog 2023-01-07 | Learn how to redesign website! I will show you how to redesign a website fast using the process for CodeStackr. This website design is one that he requested I update for him!What to Improve your Web Design Skills? Learn Design with Enhance UI:📘 enhanceui.comCheck out the final product by @codeSTACKr here:🎨 bit.ly/adrian-heroWebsite redesign are a core part of the lifecycle of most sites. A web redesign involves updating the web design and it's graphics design. I use the website figma to update the existing site to a new UI and UX. The Figma website design process is more than just guess work. I use apps like Conceps on the iPad, I sketch out the web design process before I begin the web redesign process! I hope this redesign process website helps you see how I do it!#website #redesign #webdesign
How to use ChatGPT on Discord - AI Chatbot Tutorial Adrian Twarog 2023-01-03 | I added ChatGPT to Discord. This is possible by creating a Discord Bot and integrating the AI into the API provided by OpenAI and Discord.⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!ChatGPT Discord Chat Bot Starter Kit:enhanceui.gumroad.com/l/chatgpt-discord-bot-starter-kitFull Version Features 👆:- Chat History (like ChatGPT with Message History)- ChatGPT is typing notification- Better prompt engineering- Tagging and custom text triggers-etc00:00 - Introduction00:30 - ChatGPT Discord Starter Kit00:47 - Node JS Setup01:23 - Discord Setup01:39 - Create Discord Bot02:42 - Discord Token Configuration03:21 - Discord Authorization04:09 - JavaScript Initialization of Discord and OpenAI05:48 - Discord Bot Message Reply06:43 - Testing Discord Chatbot07:21 - Configuring Chatbot07:58 - OpenAI API Key08:55 - Adding OpenAI to Discord Message Replies09:39 - Prompt Engineering ChatGPT Message for Discord10:27 - Message Reply to users with ChatGPT10:56 - Testing Discord ChatGPT Chatbot11:19 - ConclusionThis is one of a series of Chat GPT videos I'm doing about Open AI and how to create chat bot integration. If this chatbot tutorial for discord helped, let me know, and if you have other ideas for integration like using midjourney or DALLE, add it in the comments. Thanks for all the support on the channel!#chatgpt #openai #ai
Chromebooks for Coding - Are they worth it?! Adrian Twarog 2023-01-01 | I want to answer the question, should you use a powerful more powerful Chromebook to use for coding as opposed to a traditional laptop?00:00 - Introduction00:16 - Unboxing00:58 - Hardware01:58 - Setup02:43 - Installing VSCODE04:27 - VS CODE Setup05:33 - Using the Chromebook 06:45 - Coding on the Chromebook 07:49 - Designing with the Chromebook09:17 - ReactJS using Chromebook09:58 - Conclusion and Thoughts#ASUS #ASUSChromebook, #BestBuy Yay, I got sponsored!!! This video was sponsored by ASUS who also provided the laptop for review as part of this Chromebook test, a big thank you to them for supporting the channel! If you're interested, you can check this model (CX5) out below:asus.com/Laptops/For-Home/Chromebook/ASUS-Chromebook-Flip-CX5-CX5601-12th-Gen-IntelBuy at Best Buy: bestbuy.com/site/asus-16-2-in-1-touchscreen-chromebook-intel-core-i3-8gb-memory-128gb-ssd-mineral-grey/6503862.p?skuId=6503862While I know this isn't a ChatGPT or AI video, I hope you guys enjoy a small break from OpenAI content and enjoy this video too! If you have suggestions for other videos in the future, let me know!Learn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
Lets Build ChatGPT 2.0 with React JS and OpenAI on your PC! Adrian Twarog 2022-12-26 | ChatGPT clone using the latest React JS and simple HTML and CSS. Built on top of Node JavaScript and Express, this will let you run your own instance of ChatGPT on your own PC!⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!Chat GPT Starter Kit:enhanceui.gumroad.com/l/chatgpt-template-starter-kitOpenAI Template:enhanceui.gumroad.com/l/chatgpt-starter-templateThis video will cover how to code from scratch a Chat GPT interface for the frontend and a backend using Open AI latest package! It is a beginner-friendly tutorial for using the OpenAI API and working with models that are provided like DaVinci, ada, etc. You can build your own chatbot interface and this guide is also intended to help build the foundations to work with prompts and outputs from the chatgpt models.00:00 - Introduction00:12 - Coding ChatGPT preview00:34 - OpenAI Template Starter Kit00:57 - ChatGPT Starter Kit01:22 - Initialising Project02:47 - Starting Frontend with Create React App03:03 - Designing ChatGPT Side menu05:51 - Styling ChatGPT Side menu12:34 - Designing Prompt Input13:42 - Styling Chat GPT Input18:52 - Coding Chatbot Interface20:31 - Styling the Chat message interface28:15 - Adding OpenAI SVG Logo28:53 - Starting Backend with Express29:54 - Preparing OpenAI Configuration and API Key32:48 - Creating Express API Routes34:03 - React Frontend handle Submit function37:11 - Cleaning up the React Components41:54 - Creating Frontend API Request using Fetch47:17 - Frontend Backend integration53:02 - Adding Features to Select OpenAI Models01:02:02 - Conclusion#chatgpt #ai #openai
Advanced ChatGPT Guide - How to build your own Chat GPT Site Adrian Twarog 2022-12-21 | Want to build your own ChatGPT or learn the advanced ways to use Chat GPT? This video will be a more advance tutorial about OpenAI and its AI models, how to do prompts, generate content, and finally build an application based on its API.⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!Try the OpenAI Template - Starter Kit I've madeenhanceui.gumroad.com/l/chatgpt-starter-template This is new and ready for those looking to kickstart their own app or website using the OpenAI GPT models. I've built it on MERN it should save you over 100 hours if you want to build or test your own ideas! This also supports the channel if you have found these videos of benefit!New - ChatGPT Starter Kitenhanceui.gumroad.com/l/chatgpt-template-starter-kit00:00 - Introduction00:55 - OpenAI Template Starter Kit01:40 - Part 1. Prompt Engineering for ChatGPT & AI02:29 - Part 1. Examples of Chat GPT Prompts03:58 - Part 1. OpenAI Playground and Promps04:53 - Part 1. Example 1 AI Q&A Prompt06:45 - Part 1. Example 2 AI Airport Prompt08:00 - Part 1. Example 3 AI Code Prompt09:42 - Part 2. OpenAI Models and Uses10:35 - Part 2. GPT3 Models Davinci Curie etc11:54 - Part 2. Coding Models Codex, Crushman12:41 - Part 2. OpenAI API Pricing and Tokens13:44 - Part 2. Comparing AI Model and Outputs15:18 - Part 2. Prompt variables for Temp, Length etc16:55 - Part 2. OpenAI Fine-tuned models17:26 - Part 2. Summary and Recap17:47 - Part 3. Technical Chat GPT Introduction18:00 - Part 3. Dependencies (NodeJS, CRA, API Keys, etc)18:50 - Part 3. Create React Application19:30 - Part 3. Express Web API21:09 - Part 3. Frontend React JS Component setup22:46 - Part 3. Backend Express OpenAI API setup26:10 - Part 3. Fetch data from Client to Server to API (OpenAI)29:44 - Part 3. Intro to Advanced Uses API30:10 - Part 3. Example 1: Advanced API ChatGPT like Chatbot35:21 - Part 3. Example 2: Advanced Terminal Chat GPT bot36:41 - ConclusionThis video focused on the more advanced and technical aspects of GPT3 and its models. If you want a more beginner video on ChatGPT, I've you can access the following ones below:1. What is ChatGPTyoutu.be/40Kp_fa8vIw2. ChatGPT Tutorial for Beginnersyoutu.be/JTxsNm9IdYU3. How to use ChatGPTyoutu.be/3aV5-q8vRz8#chatgpt #ai #openaiDiscord: editorx.com/editor-x/codex
How to use ChatGPT to build Business Ideas, Sites & Personal Projects Adrian Twarog 2022-12-15 | ChatGPT is more than just a language model, it can be used to create websites, businesses and much more. And I would know best, as I created, built, and sold a business using OpenAI platform just this year. So in this video, I’m going to explain how to use ChatGPT and its models so you can do the same. The video is structured in three parts.⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!Try the OpenAI Template - Starter Kit I've madeenhanceui.gumroad.com/l/chatgpt-starter-template This is new and ready for those looking to kickstart their own app or website using the OpenAI GPT models. I've built it on MERN it should save you over 100 hours if you want to build or test your own ideas! This also supports the channel if you have found these videos of benefit!New - ChatGPT Starter Kitenhanceui.gumroad.com/l/chatgpt-template-starter-kitVideo 1 - What is ChatGPT (Introduction)youtu.be/40Kp_fa8vIwVideo 2 - Crash Course ChatGPTyoutu.be/JTxsNm9IdYUVideo 3 - I created a SaaS in 30 daysyoutu.be/UBG_YiTg_BsOpenAI ChatGPT:chat.openai.com/chat#chatgpt #website #aiLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💸 Discord: editorx.com/editor-x/codex
ChatGPT Tutorial - A Crash Course on Chat GPT for Beginners Adrian Twarog 2022-12-12 | This ChatGPT Tutorial is a Crash Course on Chat GPT for Beginners. With the increase in popularity, ChatGPT is still unknown to many people. In this video, I will provide a crash course on different ways to use ChatGPT.⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!Try the OpenAI Template - Starter Kit I've madeenhanceui.gumroad.com/l/chatgpt-starter-template This is new and ready for those looking to kickstart their own app or website using the OpenAI GPT models. I've built it on MERN it should save you over 100 hours if you want to build or test your own ideas! This also supports the channel if you have found these videos of benefit!New - ChatGPT Starter Kitenhanceui.gumroad.com/l/chatgpt-template-starter-kit00:00 - Introduction00:17 - Signup02:27 - ChatGPT Details06:52 - How to use Prompts12:28 - Shopping List14:55 - JavaScript18:04 - Errors with ChatGPT19:13 - Short Story20:41 - Text Video Game21:42 - Legal and Copyright Templates22:59 - Jokes and Humour24:31 - Cover Letters and Resumes27:28 - Summarization and Keyword Extraction29:34 - Blogging Articles and Editing33:46 - ConclusionYou can access OpenAI ChatGPT signup here:chat.openai.com#chatgpt #openai #aiLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.com📦 Admin Templates and UI Kits: bit.ly/themeselection15Feel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarog
What is ChatGPT and How You Can Use It Adrian Twarog 2022-12-10 | What is ChatGPT, and will it change everything? How Chat GPT is AI future... (and I think it's smarter than me). In this video I'll cover exactly how the chatbot created by OpenAI is changing all industries, not just that of development and programming, and how chat gpt will be even making google redundant. This video is also chatgpt explained in simple terms!⭐ New - Teach Me OpenAI Digital Book ⭐enhanceui.gumroad.com/l/teach-me-openaiI've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!Try the OpenAI Template - Starter Kit I've madeenhanceui.gumroad.com/l/chatgpt-starter-template This is new and ready for those looking to kickstart their own app or website using the OpenAI GPT models. I've built it on MERN it should save you over 100 hours if you want to build or test your own ideas! This also supports the channel if you have found these videos of benefit!New - ChatGPT Starter Kitenhanceui.gumroad.com/l/chatgpt-template-starter-kitLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: editorx.com/editor-x/codex💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
Youre not using these Console Logging Tricks... Yet!!! Adrian Twarog 2022-12-05 | Did you know console log could do these tricks? From creating tables to styling with colors, console.log is one of the most widely used methods to log information for developers when building websites or writing code. Learn the tricks to console logging and start using them to better track your current or next project.#website #coding #consolelogIf you want to learn more tricks, check out this full article about them below:dev.to/lissy93/fun-with-consolelog-3i59#tables Also this stack overflow article about vscode colors:stackoverflow.com/a/55493884/3645650Learn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
Adding Autoscroll to TikTok because I can code it! Adrian Twarog 2022-09-24 | I programmed TikTok with AutoScroll from the ground up, using Figma, JavaScript, Node JS and open sourced the whole thing on GitHub!You can see the fully coded website below. TikTok Clone with AutoScrollhttp://91.243.81.218/It's hosted on GCore the sponsor of this video! You can check them out below:gcorelabs.com/cloud/?utm_source=bloggers&utm_medium=link&utm_campaign=adrian-twarog_youtube_cloud_general(Promo Code: ADRIAN007)This was an interesting programming experiment. As part of this coding challenge, I was able to implement a react js website that cloned TikTok. To clone tiktok, I rebuild some of the core aspects. This included using the new CSS attributes that allowed me to autoscroll after a video finishes. Originally attempted to use javascript in order to complete this, however this could of ended up complicated. If you want to see the original code, including the HTML, the GitHub repository is below:github.com/adriantwarog/tiktok-app#website #code #programmingLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
I sold my OpenAI GPT Website for $30,000 Adrian Twarog 2022-06-13 | This last year I designed and developed a Website using React and AI as a SaaS from scratch in just a month, and now I've sold it. I was able to make just over $30,000 from the whole experience! This video was also sponsored by APILayer, check them out below!⭐ Try the OpenAI Template - Starter Kit I've made ⭐enhanceui.gumroad.com/l/chatgpt-starter-template This is new and ready for those looking to kickstart their own app or website using the OpenAI GPT models. I've built it on MERN it should save you over 100 hours if you want to build or test your own ideas! This also supports the channel if you have found these videos of benefit!p.s. I read all comments :)New - ChatGPT Starter Kitenhanceui.gumroad.com/l/chatgpt-template-starter-kitAPILayer - API Marketplace (Coupon: AdrianT20)bit.ly/3xm4N4FFor those following along, I build Enhance AI not long ago which went live at enhaneai.ai. The website used OpenAI together with GPT3 to perform code completion and other features like blogging for developers. As a programmer, this was my first proper successful software as a service, and I was able to get heaps of people signed up and using it. I coded it using react, MongoDB, NodeJs, HTML, CSS, JS and lots more. As part of the software development, (which require lots of javascript to work in the end! haha) I found the blogging aspect was the most successful. However additional effort didn't yield better results.@SimonHoiberg recommended I check out microaquire and try selling it. And I did! Micro acquire was a cool site and I learned a lot from the whole experience, including how to negotiate a contract, terms and conditions, and lots more!#website #saas #development Learn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
Why I Tried Eye Care Monitor for 7 Days Adrian Twarog 2022-06-03 | Why I tried Eye-Care Monitor for 7 Days and what it meant in terms of eye strain and fatigue. It's a BenQ one you can find here: bit.ly/GW2785TC-AdrianTwarogEye strain is an important topic to me as I've been battling with having good eyesight all my life. I did a video about 5 tips on eye strain previously: youtu.be/UccYkf-bawcI discovered there is an actual series of monitors that specifically tackles eye strain, called the BenQ Eye Care Monitors. It solves many issues such as flickering, blue light, contrast, and color which all play a role in causing eye strain. I reached out to BenQ, and they were kind enough to sponsor the video and send me their BenQ GW2785TC which is a 27 inch monitor. I discovered some really cool things about it, including the fact that it had a dedicated coding mode, a special brightness intelligence feature that auto-updates brightness in real time, and even eye-careU software packages.After using this monitor for 7 days, I can safely say it was good on my eyes. The colors for coding were great, I didn't get headaches, and I actually ended up being able to code for longer periods than I usually do. If you suffer from eye-strain, I would recommend it.#eyecare #monitor #benqLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
What An Aussie Developer Day In The Life Looks Like Adrian Twarog 2022-04-28 | This is what a day in the life of a developer looks like. I'm a software engineer and this is my life in a day. I am coding python, javascript, websites, and applications on a daily basis. My day starts with checking emails and twitter. A day in my life as a coder often involves lots of meetings, planning and my day ends with some late night coding!As a programmer, I'm often putting together website designs and programming out using things like react, js, HTML, CSS etc. I love designing websites and developing them from the ground up. #dayinthelife #developer #programmingLearn Design for Developers!A book I've created to help you improve the look of your apps and websites.📘 Enhance UI: enhanceui.comFeel free to follow me on:🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog💬 Discord: discord.gg/6gmmFvxkD7💸 Patreon: patreon.com/adriantwarogSoftware & Discounts:🚾 Webflow: webflow.grsm.io/adrian🌿 Envato: https://1.envato.market/yRZjz2🌿 Envato Elements: https://1.envato.market/LP0OJZ🔴 Elementor: elementor.com/adrian/?ref=23140 ✖ Editor X: editorx.com/adrian-twarogComputer Gear:⬛ Monitor: amzn.to/3f9DOQI⌨ Keyboard: amzn.to/3eA5UFD🐁 Mouse: amzn.to/3xVJO8l🎤 Mic: amzn.to/3hgCfms📱 Tablet: amzn.to/3ewt7sa💡 Lighting: amzn.to/3vOZeZY💡 Key Lighting: amzn.to/3f6qP2fCamera Equipment:📷 Camera: amzn.to/3uCv4J9📸 Primary Lens: amzn.to/3vT6wMm📸 Secondary Lens: amzn.to/3tyqWIX🎥 Secondary Camera: amzn.to/3o2zCGi🎙 Camera Mic: amzn.to/33tCz9l🎞 USB to HDMI: amzn.to/33yW9RE
