Learn how to build a full stack Twitter clone in this comprehensive tutorial video. Follow along as CJ, an experienced full stack developer and educator, guides you through the entire process from setting up the client and server to deploying the finished application. Gain hands-on experience with HTML, CSS, JavaScript, Node.js, and MongoDB as you create a functional social media platform. Explore key concepts such as handling form submissions, implementing CORS, working with databases, and deploying to cloud services. By the end of this 88-minute tutorial, you'll have built and deployed a complete full stack application, enhancing your web development skills and understanding of modern web technologies.
Overview
Syllabus
] Overview of what we will build.
] Diagram the Full Stack.
] Setup the client.
] Create a form on the client.
] Listen for form submit on the client.
] Show a loading spinner.
] Setup the server.
] Add a GET / route to the server.
] Add a POST /mews route to the server.
] fetch POST /mews from the client.
] Let's talk about CORS!.
] Add CORS to the server.
] Add Body Parser to the server.
] Validate the body of the request on the server.
] Setup the database connection on the server.
] Insert into the database on the server.
] Log out the created mew on the client.
] Get all mews from the database on the server.
] fetch GET /mews on the client.
] Add all mews to the page on the client.
] Review what we have built.
] Prepare for deployment.
] Deploy Database with mlab.
] Deploy Server with now.sh.
] Deploy Client with now.sh.
Taught by
The Coding Train
