Build a Full Stack Twitter Clone with Coding Garden

CJ is an Educator, Full Stack Developer and Maker. He streams himself live coding tutorials and walk throughs about Full Stack Web Development and other related tech on the YouTube channel Coding Garden with CJ.

What is the Full Stack?

Prerequisites:
* Basics of HTML/CSS/JavaScript
* MongoDB Installed

0:00 Ooops, I'm live
0:12 Start! CJ Intro
2:10 Overview of what we will build
3:01 Diagram the Full Stack
8:09 Setup the client
12:22 Create a form on the client
14:40 Listen for form submit on the client
18:38 Show a loading spinner
24:11 Setup the server
27:12 Add a GET / route to the server
32:25 Add a POST /mews route to the server
33:25 fetch POST /mews from the client
35:47 Let's talk about CORS!
37:02 Add CORS to the server
38:47 Add Body Parser to the server
39:54 Validate the body of the request on the server
45:10 Setup the database connection on the server
47:46 Insert into the database on the server
49:13 Log out the created mew on the client
52:33 Get all mews from the database on the server
53:42 fetch GET /mews on the client
54:48 Add all mews to the page on the client
1:04:35 Review what we have built
1:07:09 Prepare for deployment
1:12:26 Deploy Database with mlab

[glossary]

I love how last year, I was looking at this very tutorial and I didn't understand a-ny-thing. Now, I understand literally everything he's doing and that's because I started learning Node.js, Javascript, and working with all these libraries/packages.
Moral: If something looks impossible to you today, I guarantee you there will be someday you will be able to do it.

[CedLePingouin]

At first I thought I'd be less interested in this video, because it looks a lot more like what I'm doing at work, compared to stuff like Snake, Flappy Bird or other subjects, which I see as "fun". But I don't use Node, I don't use npm, and I don't use those deployment tools, so in the end I learned a great deal. Also, just like Daniel, I was really impressed with how CJ is organized and works fast with these tools. So, Coding Garden now has a new subscriber.

[lorddraagon]

"All you had to do was follow the damn train CJ"

[JustinBalaguer]

This channel and Coding Garden are one of the tutorials that I never get bored of on how they explain stuff because they are really excited about making it ^_^

[josephlang]

CJ looks like every character I make in a video game with character customization.

[rameshdahal]

I loved the way CJ teach. Great Job !!

[anonyme]

Great job CJ, you really deserve much more subscribers. Cheers from Paris.

[extremespartan]

This is literally an entire course. Amazing.

[blasttrash]

yeah i am subbed to CJ's channel. but it'd be awesome to have him back on this channel where he can reach more people. Out of all the guest appearances, CJ's was the best coz he was so organized and fast.

[ahmadubaidillah]

I am so lazy to watch programming tutorial video on youtube, some can make me asleep.
but, CJ doing great work! I am so interested in watching this video until the end without skip the video.

I hope someday I can be a programmer too and can teach like you CJ!

[ForCeGR]

listen man i was just laying on my bed and wanted to watch something before sleep but this guy has so much energy and now i cant sleep wtf. you're cool btw

[lwinmoe]

Why i missed this video about 5 yrs? My fav two teacher duo

[Fobber]

CJ is great! watching this stream replay for 1.5 hours long and didnt lose interest once.

[alexdith]

Its trully awesome how all the questions that came up my mind through the video were finally asked by Coding Train and the viewers :D

[samuelwodnimu]

Time flies when you have a good teacher great job

[maxim]

Honestly this was by FAR the best, entertaining and most ecucational coding tutorial relatet to a web app I've ever seen.

[Rightlime]

coding train will have 10m subscribers someday..

[ethanhermsey]

The deployment part was so important to see, very glad he got the 10 minutes. thnx

[johnnyserup]

I like the Development approach with the checklist, it could spawn another episode explaining how code is developed using source control systems like Git and Azure DevOps.

[egor.okhterov]

Every time I have free time and watch some videos in this channel, it's getting better and better =)