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 Features: 1. Creating Room 2. Joining Room 3. Waiting Lobby 4. Drawing 5. Doodling Features (Everyone In Room Can see) i) Changing Width of Pen ii) Changing Colour of Pen iii) Clearing off the Screen 6. Generating Random Words 7. Chatting In Room 8. Identifying Correct Words 9. Switching Turns 10. Changing Rounds 11. Calculating Score 12. Leaderboard 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 Features: 1. Creating Room 2. Joining Room 3. Waiting Lobby 4. Drawing 5. Doodling Features (Everyone In Room Can see) i) Changing Width of Pen ii) Changing Colour of Pen iii) Clearing off the Screen 6. Generating Random Words 7. Chatting In Room 8. Identifying Correct Words 9. Switching Turns 10. Changing Rounds 11. Calculating Score 12. Leaderboard Connect With Me Here: Instagram: https://instagram.com/optimalcoding Email: namanrivaan@gmail.com #flutter #nodejs #socketio