{"id":127,"date":"2024-06-07T08:21:44","date_gmt":"2024-06-07T08:21:44","guid":{"rendered":"https:\/\/webaffair.net\/blog\/?p=127"},"modified":"2025-01-30T00:42:19","modified_gmt":"2025-01-30T00:42:19","slug":"learn-css-discord-activity-game","status":"publish","type":"post","link":"https:\/\/webaffair.net\/blog\/portfolio\/current\/learn-css-discord-activity-game\/","title":{"rendered":"Learn CSS Discord Activity Game"},"content":{"rendered":"\n

I’ll name it something cool eventually, hopefully.<\/p>\n\n\n\n

Bored and unable to sleep one day, I decided: what the heck, I want to figure out this discord app\/activity thing, and I need to learn REACT, and I’ve somehow acquired this group of people who are looking at me to explain web coding… How about I make a game. Or at least, put together some components that would be used in a game, because the typical examples\/exercises you find trying to learn things are always too simplistic for me to actually understand how things actually work and how to use them properly.<\/p>\n\n\n\n

Three days later I had built a game. It didn’t have working multi-player yet, and it only had one level, but I could play<\/em> it. Oh, and now I know REACT. Obviously not fully fluent, yet, but at a conversational level at least. (It’s a language<\/em>, I can phrase it like that if I want.) <\/p>\n\n\n\n

Back end is node.js running Fastly; probably easier to use Express, which I’ve used a bunch before, but supposedly this is the new better thing so why not try it out.<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

I’ll name it something cool eventually, hopefully. Bored and unable to sleep one day, I decided: what the heck, I want to figure out this discord app\/activity thing, and I need to learn REACT, and I’ve somehow acquired this group of people who are looking at me to explain web coding… How about I make… Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":128,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-current"],"jetpack_featured_media_url":"https:\/\/webaffair.net\/blog\/wp-content\/uploads\/2024\/06\/Screen-Shot-2024-06-04-at-1.26.33-AM.png","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/posts\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":1,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/posts\/127\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/posts\/127\/revisions\/129"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/media\/128"}],"wp:attachment":[{"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/media?parent=127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/categories?post=127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webaffair.net\/blog\/wp-json\/wp\/v2\/tags?post=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}