MENU

Fun & Interesting

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

freeCodeCamp.org 491,398 lượt xem 4 years ago
Video Not Working? Fix It Now

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

Comment