How To Build Your Own Skribbl.io | Skribbl.io Clone | Flutter Tutorial | Node.js | MongoDB | Sockets

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: github.com/RivaanRanawat/skribblio-youtube-tutoria…
Full Playlist:    • Playlist  

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: nodejs.org/
MongoDB Official Website: mongodb.com/
Express: www.npmjs.com/package/express
Axios: www.npmjs.com/package/axios
Http: www.npmjs.com/package/http
Mongoose: www.npmjs.com/package/mongoose
Socket.io: www.npmjs.com/package/socket.io
Socket IO Client (Flutter): 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: instagram.com/optimalcoding
Email: namanrivaan@gmail.com

#flutter #nodejs #socketio