Full Stack AI Web App Tutorial (TypeScript/React/AI/LLMs)

Tech With Tim โ€ข August 2, 2024
Video Thumbnail
Tech With Tim Logo

Tech With Tim

@techwithtim

About

I'm Tim, a self-taught developer & entrepreneur who brings you educational tech content without the fluff and noise. I went from a broke dropout working at McDonalds to making $100k+/month as a developer, travelling the world and moving to Dubai all before the age of 22. I've since helped thousands of aspiring developers land their first software engineering role and assisted mid-level devs land jobs at companies like google. Max landed his first developer job 3 weeks after going through my training. Youssef was laid off and landed a new role in 2 months while working with me. Jamario landing competing job offers before graduating college. If you want to learn more you can click the first link and watch my free training on how we help developers who already know how to code get hired by top tech companies.

Video Description

In this video, I'll be showing you how to build an entire AI application in ONE HOUR, including a frontend, backend, and various integrations using Type Script and React. Not only will it show you how to integrate AI into your applications but how you can actually present this to a user and build it into a full fledge application that includes a front end, something that many other videos on YouTube don't actually have. If you want to land a developer job check out my program with CourseCareers: https://techwithtim.net/dev ๐ŸŽž Video Resources ๐ŸŽž Get started with Squid Cloud today โ†’ https://squid.cloud Join the Squid Cloud Discord โ†’ https://bit.ly/squid_discord Full Code & CSS: https://github.com/techwithtim/React-AI-App โณ Timestamps โณ 00:00:00 | Video Overview 00:00:39 | Project Demo 00:02:22 | Introduction to Squid AI 00:03:27 | Squid Backend Setup 00:07:38 | Defining Our Database Schema 00:11:25 | Setting Up The Frontend 00:12:15 | Creating Trips 00:27:37 | Viewing Trips 00:51:45 | Adding an AI Integration 01:05:54 | Deployment #techwithtim #aiapplications #ai

You May Also Like

Upgrade Your Gaming Setup

AI-recommended products based on this video

Loading...
Asus ROG STRIX Z890-A GAMING WIFI Z890 LGA 1851 ATX motherboard, Intelยฎ Coreโ„ข Ultra Series 2 Ready, Advanced AI PC-ready, 16+2+1+2 stages, DDR5, WiFi 7, 2.5G, 5x M.2, Thunderboltโ„ข 4, USB Type-C, AI OC

Asus ROG STRIX Z890-A GAMING WIFI Z890 LGA 1851 ATX motherboard, Intelยฎ Coreโ„ข Ultra Series 2 Ready, Advanced AI PC-ready, 16+2+1+2 stages, DDR5, WiFi 7, 2.5G, 5x M.2, Thunderboltโ„ข 4, USB Type-C, AI OC

(54)
$299.99
FREE delivery Jan 11 - Feb 5
Loading...
Asus ROG Strix 27โ€ QHD HDR400 USB-C Gaming Monitor(XG27ACS)-2560x1440, 180Hz, 1ms, Fast IPS, 133% sRGB, Extreme Low Motion Blur Sync, G-Sync Compatible, DisplayWidget, Tripod Socket, 3 Year Warranty

Asus ROG Strix 27โ€ QHD HDR400 USB-C Gaming Monitor(XG27ACS)-2560x1440, 180Hz, 1ms, Fast IPS, 133% sRGB, Extreme Low Motion Blur Sync, G-Sync Compatible, DisplayWidget, Tripod Socket, 3 Year Warranty

(2,744)
$418.21$249.99
FREE delivery Jan 2 - 5Only 2 left in stock.
100+ bought in past month
Loading...
Asus ROG Strix 32โ€ 4K HDR Gaming Monitor (XG32UCG) โ€“ 3840x2160, Dual Mode (4K 160Hz/FHD 320Hz), 0.3ms, Fast IPS, Extreme Low Motion Blur Sync, USB-C, G-SYNC Compatible, Tripod Socket, 3 yr Warranty

Asus ROG Strix 32โ€ 4K HDR Gaming Monitor (XG32UCG) โ€“ 3840x2160, Dual Mode (4K 160Hz/FHD 320Hz), 0.3ms, Fast IPS, Extreme Low Motion Blur Sync, USB-C, G-SYNC Compatible, Tripod Socket, 3 yr Warranty

(41)
$699.99$650.99
FREE delivery Sat, Jan 3
Loading...
Asus ROG Strix 27โ€ 4K HDR USB-C Gaming Monitor (XG27UCG) โ€“ UHD (3840x2160) Dual Mode (4K 160Hz or FHD 320Hz), 1ms, Fast IPS, Extreme Low Motion Blur Sync, G-SYNC Compatible, AI Gaming, 3yr Warranty

Asus ROG Strix 27โ€ 4K HDR USB-C Gaming Monitor (XG27UCG) โ€“ UHD (3840x2160) Dual Mode (4K 160Hz or FHD 320Hz), 1ms, Fast IPS, Extreme Low Motion Blur Sync, G-SYNC Compatible, AI Gaming, 3yr Warranty

(102)
$499.99
FREE delivery Jan 10 - Feb 21
Loading...
MSI Stealth A18 AI+ A3XWIG-013CA 18" UHD+ mini LED 120Hz Gaming Laptop, AMD Ryzen AI 9 HX 370, RTX 5080, 64GB DDR5, 2TB NVMe SSD, Windows 11 Home

MSI Stealth A18 AI+ A3XWIG-013CA 18" UHD+ mini LED 120Hz Gaming Laptop, AMD Ryzen AI 9 HX 370, RTX 5080, 64GB DDR5, 2TB NVMe SSD, Windows 11 Home

(1)
$4,499.00
FREE delivery Sat, Jan 3
Loading...
MSI Stealth 18 HX AI 18โ€ 240Hz QHD+ Gaming Laptop: Intel Ultra 9-275HX, NVIDIA Geforce RTX 5080, 32GB DDR5, 2TB NVMe SSD, Wi-Fi 7, Win 11 Home :Midnight Black A2XWIG-045US

MSI Stealth 18 HX AI 18โ€ 240Hz QHD+ Gaming Laptop: Intel Ultra 9-275HX, NVIDIA Geforce RTX 5080, 32GB DDR5, 2TB NVMe SSD, Wi-Fi 7, Win 11 Home :Midnight Black A2XWIG-045US

(12)
$3,999.00$3,587.85
FREE delivery Sat, Jan 3
Loading...
Logitech M185 Wireless Mouse, 2.4GHz with USB Mini Receiver, 12-Month Battery Life, 1000 DPI Optical Tracking, Ambidextrous, Compatible with PC, Mac, Laptop - Black

Logitech M185 Wireless Mouse, 2.4GHz with USB Mini Receiver, 12-Month Battery Life, 1000 DPI Optical Tracking, Ambidextrous, Compatible with PC, Mac, Laptop - Black

(43,809)
$14.99$11.99
FREE delivery Mon, Sep 22 on your first order
1K+ bought in past month
Loading...
Logitech G305 Lightspeed Wireless Gaming Mouse, Hero 12K Sensor, 12,000 DPI, Lightweight, 6 Programmable Buttons, 250h Battery Life, On-Board Memory, PC/Mac - Black

Logitech G305 Lightspeed Wireless Gaming Mouse, Hero 12K Sensor, 12,000 DPI, Lightweight, 6 Programmable Buttons, 250h Battery Life, On-Board Memory, PC/Mac - Black

(35,879)
$49.99$44.99
FREE delivery Mon, Jan 26
1K+ bought in past month
Loading...
Logitech K400 Plus Wireless Touch TV Keyboard With Easy Media Control and Built-in Touchpad, HTPC Keyboard for PC-connected TV, Windows, Android, Chrome OS, Laptop, Tablet - Black
Best Seller

Logitech K400 Plus Wireless Touch TV Keyboard With Easy Media Control and Built-in Touchpad, HTPC Keyboard for PC-connected TV, Windows, Android, Chrome OS, Laptop, Tablet - Black

(38,516)
$39.98$35.98
FREE delivery Thu, Sep 4
500+ bought in past month
Loading...
Logitech G435 Lightspeed and Bluetooth Wireless Gaming Headset - Lightweight Over-Ear Headphones, Built-in mics, 18h Battery, Compatible with Dolby Atmos, PC, Mobile - Black

Logitech G435 Lightspeed and Bluetooth Wireless Gaming Headset - Lightweight Over-Ear Headphones, Built-in mics, 18h Battery, Compatible with Dolby Atmos, PC, Mobile - Black

(14,873)
$49.99$39.99
FREE delivery Thu, Aug 21
400+ bought in past month
Loading...
New SteelSeries Arctis Nova Pro for Xbox Multi-System Gaming Headset - Premium Hi-Fi Drivers - Hi-Res Audio - 360ยฐ Spatial - GameDAC Gen 2 - Quad-DAC - ClearCast Gen 2 Mic - Xbox, PC, PS5/PS4, Switch

New SteelSeries Arctis Nova Pro for Xbox Multi-System Gaming Headset - Premium Hi-Fi Drivers - Hi-Res Audio - 360ยฐ Spatial - GameDAC Gen 2 - Quad-DAC - ClearCast Gen 2 Mic - Xbox, PC, PS5/PS4, Switch

(517)
$209.41$122.65
PrimeFREE delivery Sat, Jun 14
Loading...
NEW SteelSeries Arctis Nova 3 Multi-Platform Gaming Headset - Signature Arctis Sound - ClearCast Gen 2 Mic - PC, PS5/PS4, Xbox Series X|S, Switch, Mobile

NEW SteelSeries Arctis Nova 3 Multi-Platform Gaming Headset - Signature Arctis Sound - ClearCast Gen 2 Mic - PC, PS5/PS4, Xbox Series X|S, Switch, Mobile

(9,500)
$99.98$67.37
PrimeFREE delivery Sat, Jun 14
100+ bought in past month
Loading...
CORSAIR iCUE Link XD5 RGB Elite LCD Pump-Reservoir Unit - D5 PWM Pump - 480x480 IPS LCD Screen - 22 Addressable RGB LEDs - 440ml Nylon Reservoir - White

CORSAIR iCUE Link XD5 RGB Elite LCD Pump-Reservoir Unit - D5 PWM Pump - 480x480 IPS LCD Screen - 22 Addressable RGB LEDs - 440ml Nylon Reservoir - White

(17)
$379.99
FREE delivery Sun, Aug 24
Loading...
CORSAIR iCUE Link XC7 RGB Elite CPU Water Block - Transparent Flow Chamber - 24 RGB LEDs - Fits Intelยฎ LGA 1700, AMDยฎ AM5 and Older - White

CORSAIR iCUE Link XC7 RGB Elite CPU Water Block - Transparent Flow Chamber - 24 RGB LEDs - Fits Intelยฎ LGA 1700, AMDยฎ AM5 and Older - White

(56)
$149.99$125.33
FREE delivery Sun, Aug 24
Loading...
CORSAIR Hydro X Series iCUE Link XH405i Custom Cooling Kit โ€“ Hardline Water Cooling Loop โ€“ XC7 Elite CPU Water Block โ€“ XD5 Elite D5 Pump Res โ€“ XR5 360mm Radiator โ€“ 3X QX120 RGB Fans

CORSAIR Hydro X Series iCUE Link XH405i Custom Cooling Kit โ€“ Hardline Water Cooling Loop โ€“ XC7 Elite CPU Water Block โ€“ XD5 Elite D5 Pump Res โ€“ XR5 360mm Radiator โ€“ 3X QX120 RGB Fans

(235)
$879.99
FREE delivery Sun, Aug 24
Loading...
Corsair MP600 Elite 4TB M.2 PCIe Gen4 x4 NVMe SSD for PS5 โ€“ Included Heatsink โ€“ M.2 2280 โ€“ Up to 7,000MB/sec Sequential Read โ€“ High-Density 3D TLC NAND โ€“ White

Corsair MP600 Elite 4TB M.2 PCIe Gen4 x4 NVMe SSD for PS5 โ€“ Included Heatsink โ€“ M.2 2280 โ€“ Up to 7,000MB/sec Sequential Read โ€“ High-Density 3D TLC NAND โ€“ White

(313)
$439.99
FREE delivery Tue, Jun 17
Loading...
Western Digital 2TB WD Blue SA510 SATA Internal Solid State Drive SSD - SATA III 6 Gb/s, 2.5"/7mm, Up to 560 MB/s - WDS200T3B0A

Western Digital 2TB WD Blue SA510 SATA Internal Solid State Drive SSD - SATA III 6 Gb/s, 2.5"/7mm, Up to 560 MB/s - WDS200T3B0A

(74,910)
$169.97
FREE delivery Tue, Jun 17
50+ bought in past month
Loading...
GEEKOM A5 Mini PC, AMD Ryzen 7 5825U(8C/16T, up to 4.5GHz), 16GB DDR4&512GB M.2 PCIe NVMe SSD, Vega 8 Graphics, Windows 11 Pro Desktop Computer Support 8K UHD/Wi-Fi 6/Bluetooth 5.2/USB 3.2

GEEKOM A5 Mini PC, AMD Ryzen 7 5825U(8C/16T, up to 4.5GHz), 16GB DDR4&512GB M.2 PCIe NVMe SSD, Vega 8 Graphics, Windows 11 Pro Desktop Computer Support 8K UHD/Wi-Fi 6/Bluetooth 5.2/USB 3.2

(170)
$419.00
FREE delivery Sat, Jun 21
Loading...
Corsair MP600 PRO LPX 4TB M.2 NVMe PCIe x4 Gen4 SSD - Optimized for PS5 (Up to 7,100MB/sec Sequential Read & 6,800MB/sec Sequential Write Speeds, High-Speed Interface, Compact Form Factor) Black

Corsair MP600 PRO LPX 4TB M.2 NVMe PCIe x4 Gen4 SSD - Optimized for PS5 (Up to 7,100MB/sec Sequential Read & 6,800MB/sec Sequential Write Speeds, High-Speed Interface, Compact Form Factor) Black

(8,521)
$449.99
FREE delivery Tue, Jun 17
Loading...
GMKtec Mini PC Intel N150 Windows 11 Pro (3.6GHz) 16GB DDR4 1TB PCIe M.2 NVMe SSD, Desktop Computer 4K Dual HDMI Display/4x USB3.2/WiFi 6/BT5.2/RJ45 Ethernet Nucbox G3 Plus

GMKtec Mini PC Intel N150 Windows 11 Pro (3.6GHz) 16GB DDR4 1TB PCIe M.2 NVMe SSD, Desktop Computer 4K Dual HDMI Display/4x USB3.2/WiFi 6/BT5.2/RJ45 Ethernet Nucbox G3 Plus

(590)
$419.82$399.00
FREE delivery Aug 18 - 27
Loading...
Dell SSD 512GB Class 35 M.2 2230 NVMe PCIe 3.0 Gen 3x4 Solid State Drive SNP112233P/512G AB292881

Dell SSD 512GB Class 35 M.2 2230 NVMe PCIe 3.0 Gen 3x4 Solid State Drive SNP112233P/512G AB292881

(16)
$151.83$102.60
$5.02 delivery Sun, Aug 24