{"name":"REtW 5 [Brownsville]","description":"Client-Server relationship; chatbot!","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/efzbltzllpinbcmo1ogf","view_count":18,"fork_count":9,"expires_at":null,"created_at":"2024-11-11T15:21:38.912109Z","updated_at":"2024-11-11T15:21:38.912111Z","user_id":60,"status":"PUBLIC","parent_id":1494,"id":3545,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"code":{"script.js":"\n///////////CLIENT.JS//////\n//Check the auth button. Is the password correct?\ndocument.getElementById('authButton').addEventListener('click', () => {\n const password = document.getElementById('passwordInput').value;\n ws.send(JSON.stringify({ type: 'authenticate', password }));\n});\n\n\n// An IP address is a computer's online idea. In this case, the server's.\nconst serverIp = '76.82.105.51';\n//The WebSocket API makes it pretty easy to set up a Network and Ports\n//\"3000\" refers to a port -- a place through which information flows.\nconst ws = new WebSocket(`ws://${serverIp}:3000`);\n\n//We use the API to handle different types of events.\nws.onopen = () => {\n console.log(\"WebSocket connection established\");\n};\n\nws.onerror = (error) => {\n console.error(\"WebSocket error:\", error);\n alert(\"Can't connect to the server. Boo hoo.\");\n};\n\nws.onclose = () => {\n console.log(\"WebSocket connection closed\");\n alert(\"Server connection closed. Sorry!\");\n};\n\n//This is the main function that handles sending messages.\nws.onmessage = (event) => {\n //We will store the message in 'data'.\n const data = JSON.parse(event.data);\n\n if (data.type === 'authenticated') {\n document.getElementById('authSection').style.display = 'block';\n }\n\n if (data.type === 'error') {\n alert(data.message);\n }\n\n if (data.type === 'userList') {\n const userList = document.getElementById('userList');\n userList.innerHTML = '';\n data.users.forEach(user => {\n //This is a list\n const li = document.createElement('li');\n li.textContent = user;\n userList.appendChild(li);\n });\n }\n\n //Actually show the message\n if (data.type === 'message') {\n //Grab the HTML element we set up to hold messages.\n const messages = document.getElementById('messages');\n const messageElement = document.createElement('div');\n messageElement.textContent = `${data.from}: ${data.message}`;\n messages.appendChild(messageElement);\n }\n};\n\n//The connect button\ndocument.getElementById('connectButton').addEventListener('click', () => {\n const userId = document.getElementById('userIdInput').value;\n ws.send(JSON.stringify({ type: 'register', userId }));\n});\n\n//The send message button\ndocument.getElementById('sendButton').addEventListener('click', () => {\n const message = document.getElementById('messageInput').value;\n const toUserId = document.getElementById('toUserIdInput').value;\n ws.send(JSON.stringify({ type: 'message', to: toUserId, message }));\n});\n\n/////////////////////////////////////////////\n\n\n/////SERVER.JS/////\n//This should be its own file.\n/*\nconst express = require('express');\nconst http = require('http');\nconst WebSocket = require('ws');\n\nconst app = express();\nconst server = http.createServer(app);\nconst wss = new WebSocket.Server({ server });\n\nconst connections = {};\nconst PASSWORD = \"jippity\"; \n\napp.use(express.static('public'));\n\nwss.on('connection', (ws) => {\n let userId = null;\n\n ws.on('message', (message) => {\n console.log(\"Received message from client:\", message);\n const data = JSON.parse(message);\n\n if (data.type === 'authenticate') {\n console.log(\"Authentication request received with password:\", data.password);\n if (data.password === PASSWORD) {\n ws.send(JSON.stringify({ type: 'authenticated' }));\n console.log(\"Authentication successful.\");\n } else {\n ws.send(JSON.stringify({ type: 'error', message: 'Invalid password' }));\n console.log(\"Authentication failed. Invalid password.\");\n ws.close();\n }\n }\n\n if (data.type === 'register') {\n console.log(\"Registering user ID:\", data.userId);\n userId = data.userId;\n connections[userId] = ws;\n broadcastUserList();\n }\n\n if (data.type === 'message') {\n console.log(\"Sending message to user ID:\", data.to, \"Message:\", data.message);\n const recipientWs = connections[data.to];\n if (recipientWs) {\n recipientWs.send(JSON.stringify({ type: 'message', from: userId, message: data.message }));\n }\n }\n });\n\n ws.on('close', () => {\n if (userId) {\n console.log(\"User disconnected:\", userId);\n delete connections[userId];\n broadcastUserList();\n }\n });\n\n function broadcastUserList() {\n const userList = Object.keys(connections);\n for (const user in connections) {\n connections[user].send(JSON.stringify({ type: 'userList', users: userList }));\n }\n }\n});\n\nserver.listen(3000, () => {\n console.log('Server started on http://localhost:3000');\n});\n*/\n","style.css":"","index.html":"\n\n\n\n REtW 5\n\n\n\n

REtW 5: Networking

Enter Password to Connect:

\n \n \n \n \n \n \n \n \n\n\n"},"chat_history":[],"assets":[{"name":"bug","cloudinary_id":"efzbltzllpinbcmo1ogf","resource_type":"image","id":24133,"project_id":3545,"created_at":"2024-10-10T18:18:58.932514Z","deleted":false}],"messages_sent":2,"comments":[{"content":"BAAAAAAHHHHH","id":1000,"user_id":204,"user":{"photo":null,"email":"logan.campbell@alpha.school","recess_id":"5379ecd2-f034-42a9-ad29-d26ff1439339","created_at":"2024-09-04T19:28:52.961387Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"sheep_overlord","id":204,"password_hash":"$2b$12$VDmEDhwyf3k/eSqbKUvlHOOhFh6cV/t5SxMVsilTBvvrrL0EFk69y","updated_at":"2024-09-04T19:28:52.961395Z","reset_token_expiry":null,"subscription_status":null},"project_id":3545,"created_at":"2024-12-03T20:12:17.431744Z","updated_at":"2024-12-03T20:12:17.431745Z"},{"content":"*Slurp!* *Turtle Noise*","id":1001,"user_id":192,"user":{"photo":null,"email":null,"recess_id":"cfb1457c-ce90-4d98-a6ed-7abb46cfc301","created_at":"2024-08-21T18:42:26.417915Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"xamseygo","id":192,"password_hash":null,"updated_at":"2024-08-21T18:42:26.417918Z","reset_token_expiry":null,"subscription_status":null},"project_id":3545,"created_at":"2024-12-03T20:16:05.032673Z","updated_at":"2024-12-03T20:16:05.032677Z"},{"content":"lol","id":1002,"user_id":178,"user":{"photo":null,"email":null,"recess_id":"9dd5c948-6b3c-40d4-a34e-53634b699690","created_at":"2024-08-19T18:22:06.491746Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"bill_cipher","id":178,"password_hash":null,"updated_at":"2024-08-19T18:22:06.491753Z","reset_token_expiry":null,"subscription_status":null},"project_id":3545,"created_at":"2024-12-03T20:24:43.721744Z","updated_at":"2024-12-03T20:24:43.721746Z"},{"content":"furbbbbbby","id":1003,"user_id":178,"user":{"photo":null,"email":null,"recess_id":"9dd5c948-6b3c-40d4-a34e-53634b699690","created_at":"2024-08-19T18:22:06.491746Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"bill_cipher","id":178,"password_hash":null,"updated_at":"2024-08-19T18:22:06.491753Z","reset_token_expiry":null,"subscription_status":null},"project_id":3545,"created_at":"2024-12-03T20:25:06.442916Z","updated_at":"2024-12-03T20:25:06.442917Z"},{"content":"lolololollolo","id":1004,"user_id":178,"user":{"photo":null,"email":null,"recess_id":"9dd5c948-6b3c-40d4-a34e-53634b699690","created_at":"2024-08-19T18:22:06.491746Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"bill_cipher","id":178,"password_hash":null,"updated_at":"2024-08-19T18:22:06.491753Z","reset_token_expiry":null,"subscription_status":null},"project_id":3545,"created_at":"2024-12-03T20:25:17.797216Z","updated_at":"2024-12-03T20:25:17.797219Z"}],"steps":[{"step_number":0,"complete":false,"updated_at":"2024-10-10T18:18:58.908016","id":10787,"title":"Introduce Netty the Explorer","instruction":"Meet the adventurous protagonist who will guide the players through the world of networking.","created_at":"2024-05-21T13:51:15.658913","project_id":3545},{"step_number":1,"complete":false,"updated_at":"2024-10-10T18:18:58.908123","id":10788,"title":"Interactive Network Map","instruction":"Explore a visually appealing map representing a network, with computers and connections that the players can interact with.","created_at":"2024-05-21T13:51:15.658970","project_id":3545},{"step_number":2,"complete":false,"updated_at":"2024-10-10T18:18:58.908183","id":10789,"title":"Send and Receive Messages","instruction":"Allow players to send and receive messages between computers, emphasizing the concept of data transmission over a network.","created_at":"2024-05-21T13:51:15.659013","project_id":3545},{"step_number":3,"complete":false,"updated_at":"2024-10-10T18:18:58.908224","id":10790,"title":"Mini Games for Learning","instruction":"Incorporate mini-games that reinforce networking concepts in a fun and interactive way.","created_at":"2024-05-21T13:51:15.659053","project_id":3545},{"step_number":4,"complete":false,"updated_at":"2024-10-10T18:18:58.908262","id":10791,"title":"Character Movement Controls","instruction":"Implement controls for Netty and her friends to navigate through the network map and interact with different elements.","created_at":"2024-05-21T13:51:15.659092","project_id":3545},{"step_number":5,"complete":false,"updated_at":"2024-10-10T18:18:58.908300","id":10792,"title":"Score and Progress Tracking","instruction":"Track the players' progress and provide feedback to reinforce learning and encourage exploration.","created_at":"2024-05-21T13:51:15.659131","project_id":3545},{"step_number":6,"complete":false,"updated_at":"2024-10-10T18:18:58.908420","id":10793,"title":"Visual Animations","instruction":"Add visually appealing animations to demonstrate data transmission and network interactions in an engaging manner.","created_at":"2024-05-21T13:51:15.659169","project_id":3545},{"step_number":7,"complete":false,"updated_at":"2024-10-10T18:18:58.908472","id":10794,"title":"Interactive Quiz","instruction":"Include an interactive quiz to test players' understanding of networking concepts and reinforce learning outcomes.","created_at":"2024-05-21T13:51:15.659230","project_id":3545}]}

REtW 5: Networking

Choose an ID

Online Users

Send a Message

Messages