Eric Brooks
Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.
Top Headlines for September 08, 2023
[#Script #Coding] YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)
YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)
By freeCodeCamp.org
Published: Sep 07, 2023“
Learn how to use the T3 Stack (Next.js, Typescript, TRPC, Next Auth, Prisma, and Tailwind CSS) to build a full stack video streaming app similar to YouTube. You will learn how each technology comes together to build an end-to-end web application.
CLOUDINARY DATA: https://drive.google.com/drive/folders/1JTj1JJSCxtRvNfxRSSgXCJePkYW6vBPV
FIGMA DESIGN: https://www.figma.com/file/Bkz0ewKqWyIOCt2sewUnhW/Vidchill—Design?type=design&node-id=48-33046&mode=design
GITHUB REPO: https://github.com/jeromemccree/vidchill_tutorial
DEPLOYED APP: https://www.vidchill.org/âœï¸ Course created by @JeromeMcCree
âï¸ Contents âï¸
âŒ¨ï¸ (0:00:27) Intro
âŒ¨ï¸ (0:00:50) Demo
âŒ¨ï¸ (0:12:05) Tech Stack
âŒ¨ï¸ (0:20:20) Setup
âŒ¨ï¸ (0:38:14) Write Prisma Models
âŒ¨ï¸ (0:55:27) Seed Database
âŒ¨ï¸ (1:22:27) Adding Tailwind
âŒ¨ï¸ (1:25:12) Button Component
âŒ¨ï¸ (1:38:27) Navbar Component
âŒ¨ï¸ (2:26:52) Sidebar Component
âŒ¨ï¸ (2:53:42) Layout Component and mobile sidebar
âŒ¨ï¸ (3:34:00) Mobile Footer Component
âŒ¨ï¸ (3:45:27) Home Page
âŒ¨ï¸ (3:57:47) Error/Loading Message Component
âŒ¨ï¸ (4:12:27) MultiColumnVideos Component
âŒ¨ï¸ (4:36:27) Search Page
âŒ¨ï¸ (4:50:27) Video Page Begin
âŒ¨ï¸ (5:45:27) Build Follow Button
âŒ¨ï¸ (6:09:23) Build Like and Dislike Button
âŒ¨ï¸ (6:58:22) Description Component
âŒ¨ï¸ (7:12:12) Comment Component
âŒ¨ï¸ (7:46:57) Save Video Button
âŒ¨ï¸ (8:41:17) Profile Header Component
âŒ¨ï¸ (9:21:27) Profile Videos Page
âŒ¨ï¸ (9:33:47) Profile playlist Page
âŒ¨ï¸ (10:02:47) Playlist Page
âŒ¨ï¸ (10:33:48) History and Like Videos Page
âŒ¨ï¸ (10:42:01) Profile Announcements Page
âŒ¨ï¸ (11:07:57) Like and Dislike Announcement Buttons
âŒ¨ï¸ (11:28:27) Add announcements
âŒ¨ï¸ (11:40:37) Profile Following Page
âŒ¨ï¸ (12:03:22) Start of Dashboard Page
âŒ¨ï¸ (12:39:47) Publish Button
âŒ¨ï¸ (13:00:57) Delete Button
âŒ¨ï¸ (13:33:27) Edit Button
âŒ¨ï¸ (14:25:36) Upload Button🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 å—å®®åƒå½±
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
Top Headlines for September 07, 2023
[#Script #Coding] Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone
Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone
By freeCodeCamp.org
Published: Sep 06, 2023“
Learn how to build a full stack Google Drive clone using Next.js, TypeScript, Tailwind CSS, and Firebase 9.
âœï¸ Course developed by @CybernaticoByNishant
💻 Code: https://github.com/nishant-666/Drive-2.0
âï¸ Contents âï¸
(0:00:00) Introduction
(0:02:56) Base Setup
(0:06:46) Authentication
(0:29:26) Building the Topbar
(0:33:07) Upload Files Component I
(0:42:00) Initialising Firebase
(0:48:53) Upload Files Component ||
(0:54:43) Uploading Files to Storage
(1:06:06) Displaying Files
(1:24:35) Creating Folders
(1:39:35) Nested Folders and Files
(2:17:23) Adding Google Auth
(2:20:13) Sharing Files and Folders using Email🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 å—å®®åƒå½±
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
Top Headlines for September 06, 2023
[#Script #Coding] Prompt Engineering Tutorial – Master ChatGPT and LLM Responses
Prompt Engineering Tutorial – Master ChatGPT and LLM Responses
By freeCodeCamp.org
Published: Sep 05, 2023“
Learn prompt engineering techniques to get better results from ChatGPT and other LLMs.
âœï¸ Course developed by @AniaKubow
âï¸ Contents âï¸
âŒ¨ï¸ (0:00:00) Introduction
âŒ¨ï¸ (0:00:57) What is Prompt Engineering?
âŒ¨ï¸ (0:01:43) Introduction to AI
âŒ¨ï¸ (0:03:18) Why is Machine learning useful?
âŒ¨ï¸ (0:06:02) Linguistics
âŒ¨ï¸ (0:07:30) Language Models
âŒ¨ï¸ (0:14:01) Prompt Engineering Mindset
âŒ¨ï¸ (0:15:04) Using GPT-4
âŒ¨ï¸ (0:20:07) Best practices
âŒ¨ï¸ (0:30:46) Zero shot and few shot prompts
âŒ¨ï¸ (0:34:32) AI hallucinations
âŒ¨ï¸ (0:36:09) Vectors/text embeddings
âŒ¨ï¸ (0:39:54) Recap🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 å—å®®åƒå½±
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
Top Headlines for September 05, 2023
[#Adobe #Design] How to Create Neon Glowing Text in Adobe Premiere Pro CC (2023)
How to Create Neon Glowing Text in Adobe Premiere Pro CC (2023)
By AdobeMasters
Published: Sep 04, 2023“
Check out my Premiere Pro Course: https://www.udemy.com/course/premiere-pro-course/?referralCode=AF659E18BEF06A7F4955
Today we are going to go over how to create neon text in Adobe Premiere Pro CC.
Get near unlimited stock footage and premiere pro templates: http://1.envato.market/c/1413971/298927/4662
Join the Community at: https://adobemasters.net/
Request a Tutorial at: https://adobemasters.net/request-a-tutorial/If you want to learn more about the Adobe products. Here are a couple of cheap courses I learned from.
http://adobemasters.net/courses/Subscribe to see more Adobe related content, videos every other day.
”
Top Headlines for September 04, 2023
Top Headlines for September 03, 2023
