[#Script #Coding] Full Stack Next.js & Supabase Twitter Clone – Full Course

Full Stack Next.js & Supabase Twitter Clone – Full Course

By freeCodeCamp.org
Published: Jul 20, 2023


freeCodeCamp.org Learn Full Stack development with Next.js 13, Tailwind CSS, TypeScript, and Supabase. In this course, you will build a Twitter clone.

💻 Course Github Link: https://github.com/sonipranjal/ultimate-twitter-clone

✏️ Course developed by @ClubOfCoders
Pranjal’s Twitter: https://twitter.com/pranjalsoni_
ClubOfCoders Website: https://www.clubofcoders.com/

⭐️ Contents ⭐️
(0:00:00) Twitter Intro
(0:02:32) Build the Ultimate Twitter Clone using Next.js 13 (with Tailwind CSS, TypeScript and Supabase)
(0:14:10) Building the left sidebar of Twitter using Tailwind CSS
(0:34:09) Building Twitter Timeline using Next.js & Tailwind CSS
(0:56:25) Building the Trending Section Layout and Who to follow using Tailwind CSS
(1:18:26) Designing Twitter Clone PostgreSQL Database using ChatGPT and dbdiagram
(1:35:39) Authentication with Supabase in Next.js 13 app directory
(2:15:06) Saving Tweet in DB using NextJs Server Actions and Supabase
(2:41:07) Handling errors in NextJs Server Action
(2:57:11) Fetching all the Tweets in React Server Component
(3:14:34) Implementing the Like Tweet Feature
(3:32:29) Like-Unlike Feature Part-2
(3:59:47) Optimising the Web App
(4:19:09) Fixing a bug
(4:22:21) Using ChatGPT to build Drizzle ORM schema from SQL
(4:53:16) How to join tables and build a complex query using Drizzle ORM
(5:30:53) Reply Tweet Feature
(5:54:55) Reply Feature Part-2

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Eric Brooks

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.

More Posts - Website

Follow Me:Add me on XAdd me on FacebookAdd me on LinkedInAdd me on PinterestAdd me on YouTubeAdd me on Instagram

[#Video #Design] STOP Struggling With Paths in After Effects with Penpal 2!

STOP Struggling With Paths in After Effects with Penpal 2!

By School of Motion
Published: Jul 19, 2023


School of Motion https://som.bz/3KrmreL – Do you struggle with paths in After Effects? Then Penpal 2 is your answer! Sara Wade walks us through all the awesome features in this tool and how it can get your animations done faster, more efficiently, and with less screaming at your computer.

Penpal 2 by Animatable – https://aescripts.com/penpal/
Designstripe – https://designstripe.com/

SCHOOL OF MOTION COURSES
All Courses – https://som.bz/3SUg5Yb
Animation Bootcamp – https://som.bz/3Lsj7RP

00:00 – Intro
00:42 – Penpal 2 Overview
04:03 – Animating with Penpal 2
11:05 – Spaces in Penpal 2
12:32 – Wrap-up

Eric Brooks

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.

More Posts - Website

Follow Me:Add me on XAdd me on FacebookAdd me on LinkedInAdd me on PinterestAdd me on YouTubeAdd me on Instagram

[#Script #Coding] Python Tkinter GUI Design Using ttkbootstrap – Complete Course

Python Tkinter GUI Design Using ttkbootstrap – Complete Course

By freeCodeCamp.org
Published: Jul 18, 2023


freeCodeCamp.org Learn how to easily implement modern designs in your Tkinter-based Python applications using ttkbootstrap.

You will learn how to use all the main ttkbootstrap widgets to make your Tkinter apps look modern and awesome!

✏️ Course developed by @TkinterPython

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:09:07) Labels and Buttons
⌨️ (0:19:59) CheckButtons
⌨️ (0:29:50) Resizing Buttons
⌨️ (0:35:46) Combo Boxes
⌨️ (0:42:52) Entry Boxes
⌨️ (0:48:58) Floodgauge
⌨️ (0:58:29) Date Entry
⌨️ (1:08:37) Frames and Labels
⌨️ (1:14:31) Menu Buttons
⌨️ (1:23:50) Meters
⌨️ (1:37:53) Notebooks
⌨️ (1:44:13) Progress Bars
⌨️ (1:59:24) Radio Buttons
⌨️ (2:10:46) Sliders
⌨️ (2:19:05) Scrollbars
⌨️ (2:24:58) Separators and Sizegrips
⌨️ (2:31:19) Spinboxes
⌨️ (2:39:01) Treeview
⌨️ (2:45:52) Message Boxes
⌨️ (2:57:30) Color Chooser
⌨️ (3:05:52) Scrolled Text
⌨️ (3:12:08) Scrolled Frame
⌨️ (3:17:39) Toast Messages
⌨️ (3:23:14) Conclusion

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Eric Brooks

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.

More Posts - Website

Follow Me:Add me on XAdd me on FacebookAdd me on LinkedInAdd me on PinterestAdd me on YouTubeAdd me on Instagram

[#Adobe #Design] How to Create a Mist Effect in Adobe Premiere Pro CC (2023)

How to Create a Mist Effect in Adobe Premiere Pro CC (2023)

By AdobeMasters
Published: Jul 18, 2023


AdobeMasters Check out my Premiere Pro Course: https://www.udemy.com/course/premiere-pro-course/?referralCode=AF659E18BEF06A7F4955

Today we go over a mist effect in Premiere. This can be used to add a bit of mystery to your shot in post production in premiere pro!

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.

Eric Brooks

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.

More Posts - Website

Follow Me:Add me on XAdd me on FacebookAdd me on LinkedInAdd me on PinterestAdd me on YouTubeAdd me on Instagram

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.


Connect