Build a Full Stack Twitter Clone with Coding Garden

Build a Full Stack Twitter Clone with Coding Garden

The Coding Train via YouTube Direct link

] Overview of what we will build

1 of 25

1 of 25

] Overview of what we will build

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Build a Full Stack Twitter Clone with Coding Garden

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ] Overview of what we will build
  2. 2 ] Diagram the Full Stack
  3. 3 ] Setup the client
  4. 4 ] Create a form on the client
  5. 5 ] Listen for form submit on the client
  6. 6 ] Show a loading spinner
  7. 7 ] Setup the server
  8. 8 ] Add a GET / route to the server
  9. 9 ] Add a POST /mews route to the server
  10. 10 ] fetch POST /mews from the client
  11. 11 ] Let's talk about CORS!
  12. 12 ] Add CORS to the server
  13. 13 ] Add Body Parser to the server
  14. 14 ] Validate the body of the request on the server
  15. 15 ] Setup the database connection on the server
  16. 16 ] Insert into the database on the server
  17. 17 ] Log out the created mew on the client
  18. 18 ] Get all mews from the database on the server
  19. 19 ] fetch GET /mews on the client
  20. 20 ] Add all mews to the page on the client
  21. 21 ] Review what we have built
  22. 22 ] Prepare for deployment
  23. 23 ] Deploy Database with mlab
  24. 24 ] Deploy Server with now.sh
  25. 25 ] Deploy Client with now.sh

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.