This is a Complete Tutorial To Build Skribbl.io Clone developed using Flutter, Node.js (Socket.io) & MongoDB for Android, iOS & Web! In case of any doubts, make sure to leave a comment below. Source Code: https://github.com/RivaanRanawat/skribblio-youtube-tutorial Full Playlist: https://youtube.com/playlist?list=PLlzmAWV2yTgBM0dvvvfXjnsET5yaNp5U_ Time Stamps: (0:00:00) Demo & Setup (0:05:18) Starting Screens UI (0:38:57) Setting Up Backend (0:50:25) Connecting to Socket.io (0:57:29) Creating Rooms (1:29:14) Joining Rooms (1:44:03) Painting on Screen (2:21:09) Paint Options (2:48:24) Chatting (3:12:07) Change User Turns (3:27:12) Calculating Points (3:48:45) Waiting Lobby (4:08:01) Displaying Scores in Drawer (4:30:10) Final Leaderboard (4:53:56) Solving Memory Leak Problems (4:56:08) Conclusion Links Mentioned in Video: Node.js Official Website: http://nodejs.org/ MongoDB Official Website: http://mongodb.com/ Express: https://www.npmjs.com/package/express Axios: https://www.npmjs.com/package/axios Http: https://www.npmjs.com/package/http Mongoose: https://www.npmjs.com/package/mongoose Socket.io: https://www.npmjs.com/package/socket.io Socket IO Client (Flutter): https://pub.dev/packages/socket_io_client Connect With Me Here: Instagram: https://instagram.com/optimalcoding Email: namanrivaan@gmail.com #flutter #nodejs #socketio
This is a Complete Tutorial To Build Skribbl.io Clone developed using Flutter, Node.js (Socket.io) & MongoDB for Android, iOS & Web! In case of any doubts, make sure to leave a comment below. Source Code: https://github.com/RivaanRanawat/skribblio-youtube-tutorial Full Playlist: https://youtube.com/playlist?list=PLlzmAWV2yTgBM0dvvvfXjnsET5yaNp5U_ Time Stamps: (0:00:00) Demo & Setup (0:05:18) Starting Screens UI (0:38:57) Setting Up Backend (0:50:25) Connecting to Socket.io (0:57:29) Creating Rooms (1:29:14) Joining Rooms (1:44:03) Painting on Screen (2:21:09) Paint Options (2:48:24) Chatting (3:12:07) Change User Turns (3:27:12) Calculating Points (3:48:45) Waiting Lobby (4:08:01) Displaying Scores in Drawer (4:30:10) Final Leaderboard (4:53:56) Solving Memory Leak Problems (4:56:08) Conclusion Links Mentioned in Video: Node.js Official Website: http://nodejs.org/ MongoDB Official Website: http://mongodb.com/ Express: https://www.npmjs.com/package/express Axios: https://www.npmjs.com/package/axios Http: https://www.npmjs.com/package/http Mongoose: https://www.npmjs.com/package/mongoose Socket.io: https://www.npmjs.com/package/socket.io Socket IO Client (Flutter): https://pub.dev/packages/socket_io_client Connect With Me Here: Instagram: https://instagram.com/optimalcoding Email: namanrivaan@gmail.com #flutter #nodejs #socketio