React / GraphQL Course - Build a social media app (MERNG Stack)

freeCodeCamp.org October 14, 2020
Video Thumbnail
freeCodeCamp.org Logo

freeCodeCamp.org

@freecodecamp

About

Learn math, programming, and computer science for free. A 501(c)(3) tax-exempt charity. We also run a free learning interactive platform at freecodecamp.org

Video Description

Learn how to create a social media app using MongoDB, Express, Node, React, GraphQL, and Node (the MERNG stack). You will learn how to implement a GraphQL server that uses Node and Express to communicate to a MongoDB Database and fetch and persist data to a social media app back-end. ⌨️ Source Code: https://github.com/hidjou/classsed-graphql-mern-apollo/tree/master ✏️ This course was created by Classsed. Check out their channel: https://www.youtube.com/c/classsed 🔗 Classsed on Patreon: https://www.patreon.com/classsed ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro & app demo ⌨️ (0:02:47) GraphQL explained + tech used ⌨️ (0:07:56) Server demonstration ⌨️ (0:13:21) Setting Up Database & Server ⌨️ (0:39:43) Register & Login Users ⌨️ (1:12:50) Authentication middleware & Create/Delete posts ⌨️ (1:35:02) Finishing up the server ⌨️ (2:07:58) Client start & Apollo setup ⌨️ (2:17:45) Semantic UI & Routes ⌨️ (2:34:08) Displaying posts ⌨️ (2:51:56) Login & Register pages ⌨️ (3:19:31) Authentication Context ⌨️ (3:46:57) Adding posts ⌨️ (4:07:51) Like Button ⌨️ (4:27:13) Single post page ⌨️ (4:55:52) Displaying, Adding & Deleting Comments ⌨️ (5:15:27) Info Popups ⌨️ (5:26:06) Deployment to Heroku & Netlify ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

You May Also Like

No Recommendations Found

No products were found for the selected channel.