JS Posts – Hack Club Scrapbook

Today i made 2 ships First cyphercrypt and second is web nes emulator Repo link for cyphercrypt : github.com/kokojkj/Crypt-Cipher Demo link: kokojkj.github.io/Crypt-Cipher It is tool to encrypt and decrypt text for delivering informations safely And the second one web nes emulator Repo link: github.com/kokojkj/web-nes-emulator Demo link : kokojkj.github.io/web-nes-emulator It is nes web emulator that uses nes-js for emulation

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/5a20d719-e396-49ce-b1bf-9d3c48da0f54-screenshot_2024-11-19_231624.jpg

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/b38761d3-6e99-4c52-b063-368f01b1bce6-screenshot_______________________________chrome.jpg

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/f06b762f-aef5-49e6-8b82-32d04b5ac9c8.png

I shipped my first game flappy coin :) yes a clone from flappy bird In plain html , css and js only ! Want to play it ? kokojkj.github.io/flappy-coin Just want to mess with the code ? Here is the repo link github.com/kokojkj/flappy-coin Suggest next game you want from me to create in web and i will ship it ! (Except doom )

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/94079df5-c050-4dc6-9f6d-5c28f0ffcf46-0screenshot_2024-11-14_163405.jpg

https://imgutil.s3.us-east-2.amazonaws.com/f46024a9a27198822dbd02c04f1cb05f5a43b12ad5793c315e8a0e571fcda388/7de248a5-baaf-4877-8b23-8702aeff1c5d.png

tried to set up chart.js for another project.....seems fine i guess

With High Seas kicking off, I thought starting a scrapbook would be cool! I've been brainstorming project ideas, and one that’s stuck with me is building something like ChatGPT—but for schools. The idea is to make a tool packed with features for teachers and students, helping schools adapt to AI and teach it in a way that keeps everyone up to speed. I haven't settled on a name yet, but I'm currently considering something like "Brainwave". I am planning to build Brainwave using React/Next.js, OpenAI API, Shadcn/ui, and Supabase! :supabase: :vercel: :openai: :react: Spent a few hours today recreating the ChatGPT UI as a starting point. The concept should become clearer as it develops, but I’m excited to see where it goes from here!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/a5fa3a07-e7e0-4e2b-9b0e-1390258e9263-image.png

very busy today with school and some robotics work but on the brightside no assignments tmrw :) tmrw i plan to continue my emulator :D (image of one of the robotics assignments i did today, its rlly weird but interesting working on non-robot js on DDE)

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/2b0fda63-5819-4b74-bf7d-30e9f320ad68-image.png

San Mateo's Hack Club made a website for our upcoming hackathon! New changes coming soon - github.com/WolfGamer2/js-hackathon

https://imgutil.s3.us-east-2.amazonaws.com/79ee57d96092b2e36f3b7f087b539427a258adbdc14babd89314825c35e10d08/76d4b380-4f2d-42eb-a37d-afcf8956740e.png

Today i js mostly worked on: github.com/NeonGamerBot-QK/apple-maps-stats its pretty much going well except i got to move to json db cuz i SUCK at sqlite. Feel free to test & check it out.

https://imgutil.s3.us-east-2.amazonaws.com/d20008853aa710f66e016c110f18671539c753d422d24c49048db5a19f529363/6fdb9bce-9acf-455c-a552-cb8da33013e1.png

Day 3/10 of <#C07NUNPGEU8|>! Today I finished most of the URL shortener's small things :). URLs are now scanned for malware before they are shortened. I'm getting started on a QR code generator :yay:! So far I have the basic generation done (I might have to swap the library for more features :heavysob:). Slightly #C02EXAC2WR0| but oh well (I promise it will look better, also gonna be hack club themed cause that's gonna give me an excuse to try out this typescript + next.js idk thing lol) url.felixgao.dev for the URL shortener, QR code generator isn't live yet ):, coming soon ™️!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/a91e69da-146c-423a-aa33-5091ce952903-image.png

a retro version of my site: made in php, downloadable and no js (simple) github.com/NeonGamerBot-QK/retro-site saahild.com/retro

https://imgutil.s3.us-east-2.amazonaws.com/205016fe2057b03f3d36c8004bca4eb4bca27381e783aba65e16b9e6eaf83652/3f9c8659-cdf6-42c3-ac7d-34ea1ee274e0.png

Remade the whole hackclub.com/stickers site from its source code (bare html + css) and added waayyyy more functionality thats actually useful! Now the new sticker website lets you: -Add stickers to your collection by clicking on them -Remove stickers from your collection -Remember your stickers when you return to the site! Demo it here!: ampersandco.me/stickers Warning! Its kinda ass cuz I'm not that familiar with react or next js so I just remade it on plain html for now until I can learn 😭

https://imgutil.s3.us-east-2.amazonaws.com/f28da00f4cca070ac105e380f13e6625d1d21ed6c959ec77f687a4b8e8c6fc8b/998d647b-c244-40ac-94e6-3d16361de0ff.png

Next.JS Official DSAT Latin Roots Learner with Comprehensive Feedback using points to redeem practice SAT questions will be a feature soon to be added. Please let me know how you feel about this SAT Prep platform! www.rootified.me github.com/mchuang413/Rootified/commit/0992ea27676aafaf3499e575ee79fcbecae9c904

https://imgutil.s3.us-east-2.amazonaws.com/101a0ef71ba510bb32125607983d79706110f00297bfc010402c523d7a1a2f71/5f0df1bf-56a3-4adb-9abf-b5c1af363a96.png

sorting algorithms project using react js and python flask: github.com/mattsoh/sorting-algorithms

https://imgutil.s3.us-east-2.amazonaws.com/fb3df46a4412f16108991b4cbcf84447c2ba9cdf706869f5972978d4f71277bf/9077192d-3a85-44d9-a494-2664bf60ddc7.png

This is the beta version of my #C02UN35M7LG| platformer! It is one of few games that bypasses the sprig grid system, and the only reason it feels janky is because Sprig doesn't send keyup events or let you check if a key is pressed, so your code has to operate only on keydown events. Press i for a debug menu! (Note: most of the lag is out of my control, the sprig emulator has iffy performance. Hopefully I can get it working on a real sprig!) Play: sprig.hackclub.com/share/zqNUQdjMUesAvefyCHnK Code: github.com/jeremy46231/sprig/blob/2f9116/games/off-grid-platformer.js

https://imgutil.s3.us-east-2.amazonaws.com/e05c48f1970288c4d4291e878cb3f688814742a78d194a8c78c56075b82be43e/51637911-bc7a-4322-87f6-daa2567b50bc.png

Sorting algorithms project now has react js:github.com/mattsoh/sorting-algorithms

https://imgutil.s3.us-east-2.amazonaws.com/5a82fd3b1becdca1a5cf14bbcce0d9669148f11ec16d1bb1e443007ec42431aa/eb0a3184-40ee-4da3-96e6-ab55a225f784.png

Hello everyone! I just finished building my Hostel Management website. You can check out the repository here: github.com/Arcade-scrapbook/Hostel. This was a long project, so I'll be sharing updates in multiple messages in the #C01504DCLVD| channel. I apologize in advance to the reviewers because the sessions are not in sequential order. I wasn't aware that only 50 sessions are displayed, so I couldn't select them in sequence. Also, just a heads-up: I'm not very experienced with JavaScript, so it took me some time to research, learn, and implement the necessary logic to make everything work correctly. Please consider this when reviewing my project. Additionally, I reused some CSS in parts of the website. If you come across a commit with a large block of CSS code, please note that it was copied from another stylesheet. Although I made some changes, not all lines were edited. For example, out of 400 lines, about 100 lines were modified. Thank you for your understanding!

https://imgutil.s3.us-east-2.amazonaws.com/013a75a3c674906a45f452f35fe689e2f7c5f20708daf5662db9760ff2bb3040/ca860e04-dca0-442e-8204-37eacbcb0352.png

the thing i m trying to do is chatgpt vs gemini ai vs ai chess match 🙂 my pieces are no even moving right now so you could say i make a html css js chess ui nothing else nothing more raw.githack.com/akshatjaiin/Chess-Js/main/chess%20js/index.html

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8f23e917-12e3-4326-a50c-26c0a974acf7-image.png

my beginner friendly JS code based notes Github: github.com/KalvieR/JS-Code-based-Notes

https://imgutil.s3.us-east-2.amazonaws.com/de8f8bbfd18eb5a16a320cc69681c00cba5bb16e54845e0c14398d818b027958/4c79ea6a-62a6-4019-a3bf-7de1c1ece6be.png

Introducing PCBs for Blot!! You can experiment with printed electronics with a conductive ink pen and your blot with this. Here is my implementation of my PCB with Blot. (This project was done before the separate repo suggestion. Hence the file and the commits are in a common repo) I have also attached some sessions of collatz conjecture project, since it doesn't deserve a separate post, and it was the starting point for this project. github.com/Vipremigini/Myfiles/blob/main/pcb.js

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0d7955ff-40a2-48b5-80ae-0f0ed1c13854-screenshot_2024-09-01_at_8.20.48___am.png

https://imgutil.s3.us-east-2.amazonaws.com/55ba15723cdbaeeb1d078794857160a1fd8a3737f887989b52816c23a8993dfc/915e2a0e-58bb-4fef-b87d-ec1248cc1ce5.png

Finished up the main features for my sprig game, Hue Havoc! github.com/gusruben/sprig/blob/main/games/Hue_Havoc.js github.com/hackclub/sprig/pull/2267

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0d4db21c-d78c-4b9e-8d70-7911f33e62e4-huehavoc.png

https://imgutil.s3.us-east-2.amazonaws.com/587e1ba47f1b0ba7ca279809033de83061766e652b53df8acb3f6ffca2afe001/1c49cbc5-8e6f-44b6-ae94-72191b0b7e6e.png

I finally shipped project PeerView It is a p2p video calling application, made with webrtc, react, websockets and javascript Its my 1st webrtc project. I focused more on functionality and I compromised in ui of app a bit, As it uses websockets(until 2 peers connect), app requires full duplex connection all the time from deployed servers, hence I chose render to deploy my app instead of vercel, etc GitHub: github.com/jignesh119/PeerView Live link: peerview.onrender.com Please note that render pulls down deployments if no active traffic, hence when you try the app u may hv to at least wait 4 a min to see ui PFA demo of app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/5cd1527b-5533-4cf6-8e79-13ad6b375b9f-1000042722.jpg

https://scrapbook-into-the-redwoods.s3.amazonaws.com/20f84071-5207-4c9e-8813-64fb79c41318-1000042721.jpg

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1af48e3c-3497-45c2-9f95-d9fc66a9c0b6-1000042720.jpg

https://imgutil.s3.us-east-2.amazonaws.com/ea4758a409fd2fac6279b7cbee4bd4cd244c124cd315525a1ba341ad0ae27f41/ee4881e7-0452-468e-8c54-7b18c2f01273.png

tippfehlr.dev my website. made with html + css + js. php powers server-side rendering/fetching of wakapi data.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/09bf0942-6132-41fd-992e-efdad14f5dff-screenshot_2024-09-01_at_00-59-50_tippfehlr.png

Hello everyone! I just finished building my Hostel Management website. You can check out the repository here: github.com/Arcade-scrapbook/Hostel. This was a long project, so I'll be sharing updates in multiple messages in the #C01504DCLVD| channel. I apologize in advance to the reviewers because the sessions are not in sequential order. I wasn't aware that only 50 sessions are displayed, so I couldn't select them in sequence. Also, just a heads-up: I'm not very experienced with JavaScript, so it took me some time to research, learn, and implement the necessary logic to make everything work correctly. Please consider this when reviewing my project. Additionally, I reused some CSS in parts of the website. If you come across a commit with a large block of CSS code, please note that it was copied from another stylesheet. Although I made some changes, not all lines were edited. For example, out of 400 lines, about 100 lines were modified. Thank you for your understanding!

https://imgutil.s3.us-east-2.amazonaws.com/2c6cccbf2371a66c17d16f43ff419e2cd4e67f9164691f9e635368c45fedb67f/aaf52af4-a095-4e8d-a05e-fdebcc8b74c8.png

Hello everyone! I just finished building my Hostel Management website. You can check out the repository here: github.com/Arcade-scrapbook/Hostel. This was a long project, so I'll be sharing updates in multiple messages in the #C01504DCLVD| channel. I apologize in advance to the reviewers because the sessions are not in sequential order. I wasn't aware that only 50 sessions are displayed, so I couldn't select them in sequence. Also, just a heads-up: I'm not very experienced with JavaScript, so it took me some time to research, learn, and implement the necessary logic to make everything work correctly. Please consider this when reviewing my project. Additionally, I reused some CSS in parts of the website. If you come across a commit with a large block of CSS code, please note that it was copied from another stylesheet. Although I made some changes, not all lines were edited. For example, out of 400 lines, about 100 lines were modified. Thank you for your understanding!

https://imgutil.s3.us-east-2.amazonaws.com/2c6cccbf2371a66c17d16f43ff419e2cd4e67f9164691f9e635368c45fedb67f/2c8ff59c-15a6-461f-8f82-b048d9e1f41d.png

Hello everyone! I just finished building my Hostel Management website. You can check out the repository here: github.com/Arcade-scrapbook/Hostel. This was a long project, so I'll be sharing updates in multiple messages in the #C01504DCLVD| channel. I apologize in advance to the reviewers because the sessions are not in sequential order. I wasn't aware that only 50 sessions are displayed, so I couldn't select them in sequence. Also, just a heads-up: I'm not very experienced with JavaScript, so it took me some time to research, learn, and implement the necessary logic to make everything work correctly. Please consider this when reviewing my project. Additionally, I reused some CSS in parts of the website. If you come across a commit with a large block of CSS code, please note that it was copied from another stylesheet. Although I made some changes, not all lines were edited. For example, out of 400 lines, about 100 lines were modified. Thank you for your understanding!

https://imgutil.s3.us-east-2.amazonaws.com/2c6cccbf2371a66c17d16f43ff419e2cd4e67f9164691f9e635368c45fedb67f/11b29f30-db70-45ff-a19e-0346161ad505.png

Hello everyone! I just finished building my Hostel Management website. You can check out the repository here: github.com/Arcade-scrapbook/Hostel. This was a long project, so I'll be sharing updates in multiple messages in the #C01504DCLVD| channel. I apologize in advance to the reviewers because the sessions are not in sequential order. I wasn't aware that only 50 sessions are displayed, so I couldn't select them in sequence. Also, just a heads-up: I'm not very experienced with JavaScript, so it took me some time to research, learn, and implement the necessary logic to make everything work correctly. Please consider this when reviewing my project. Additionally, I reused some CSS in parts of the website. If you come across a commit with a large block of CSS code, please note that it was copied from another stylesheet. Although I made some changes, not all lines were edited. For example, out of 400 lines, about 100 lines were modified. Thank you for your understanding!

https://imgutil.s3.us-east-2.amazonaws.com/2c6cccbf2371a66c17d16f43ff419e2cd4e67f9164691f9e635368c45fedb67f/7d85d523-dd07-4a3b-b36f-43d0f315dde4.png

Hello everyone! I just finished building my Hostel Management website. You can check out the repository here: github.com/Arcade-scrapbook/Hostel. This was a long project, so I'll be sharing updates in multiple messages in the #C01504DCLVD| channel. I apologize in advance to the reviewers because the sessions are not in sequential order. I wasn't aware that only 50 sessions are displayed, so I couldn't select them in sequence. Also, just a heads-up: I'm not very experienced with JavaScript, so it took me some time to research, learn, and implement the necessary logic to make everything work correctly. Please consider this when reviewing my project. Additionally, I reused some CSS in parts of the website. If you come across a commit with a large block of CSS code, please note that it was copied from another stylesheet. Although I made some changes, not all lines were edited. For example, out of 400 lines, about 100 lines were modified. Thank you for your understanding!

https://imgutil.s3.us-east-2.amazonaws.com/2c6cccbf2371a66c17d16f43ff419e2cd4e67f9164691f9e635368c45fedb67f/e7a024eb-70ca-4c04-8387-6f5f01ad9454.png

Hello everyone! I just finished building my Hostel Management website. You can check out the repository here: github.com/Arcade-scrapbook/Hostel. This was a long project, so I'll be sharing updates in multiple messages in the #C01504DCLVD| channel. I apologize in advance to the reviewers because the sessions are not in sequential order. I wasn't aware that only 50 sessions are displayed, so I couldn't select them in sequence. Also, just a heads-up: I'm not very experienced with JavaScript, so it took me some time to research, learn, and implement the necessary logic to make everything work correctly. Please consider this when reviewing my project. Additionally, I reused some CSS in parts of the website. If you come across a commit with a large block of CSS code, please note that it was copied from another stylesheet. Although I made some changes, not all lines were edited. For example, out of 400 lines, about 100 lines were modified. Thank you for your understanding!

https://imgutil.s3.us-east-2.amazonaws.com/2c6cccbf2371a66c17d16f43ff419e2cd4e67f9164691f9e635368c45fedb67f/0144b156-d3bf-444a-be5f-ff6a878da1d2.png

Hello everyone! I just finished building my Hostel Management website. You can check out the repository here: github.com/Arcade-scrapbook/Hostel. This was a long project, so I'll be sharing updates in multiple messages in the #C01504DCLVD| channel. I apologize in advance to the reviewers because the sessions are not in sequential order. I wasn't aware that only 50 sessions are displayed, so I couldn't select them in sequence. Also, just a heads-up: I'm not very experienced with JavaScript, so it took me some time to research, learn, and implement the necessary logic to make everything work correctly. Please consider this when reviewing my project. Additionally, I reused some CSS in parts of the website. If you come across a commit with a large block of CSS code, please note that it was copied from another stylesheet. Although I made some changes, not all lines were edited. For example, out of 400 lines, about 100 lines were modified. Thank you for your understanding!

https://imgutil.s3.us-east-2.amazonaws.com/2c6cccbf2371a66c17d16f43ff419e2cd4e67f9164691f9e635368c45fedb67f/9bc8f68f-3ffb-47d1-9435-1d174ec1c5a5.png

BadCloneOfCrossyRoad [WIP] My attempt to copy crossy road using three.js (This is a failed project, but the project is shipped and somewhat playable) Visit the site and try out the game yourself at yeettheanson.github.io/BadCloneOfCrossyRoad/index.html Source code can and installation tutorial can be found in my github repository: github.com/YeetTheAnson/BadCloneOfCrossyRoad Features 1. Uses three.js to create isometric view 2. Random world generation 3. Camera centers after 2.5 seconds Attached below are some video and photo of the gameplay

https://scrapbook-into-the-redwoods.s3.amazonaws.com/5df8477c-c012-4030-8d84-9e94fd05e695-image.png

https://imgutil.s3.us-east-2.amazonaws.com/486142cd445b7e4836136159bc0a7f132583792be3a57a2df145255927928b11/53a9e433-9079-48f1-a55c-c1f617f57626.png

I made a meteor dodging game in sprig heres all the code github.com/JbBurnsWasHere/sprig/blob/main/games/JB_Dodge_game.js

https://imgutil.s3.us-east-2.amazonaws.com/35b50b21f1e174159b233d0f4eb5b8034a196defb9130c0f65f1a81414161bcd/1b722fa3-926c-4e66-a618-bb9595a5262d.png

Three.js playground with cannon.js physics, where I tried out gimmicks for a fraps app Github: github.com/astro-develops/three.js-game-psychics Live link: astro-develops.github.io/three.js-game-psychics

https://imgutil.s3.us-east-2.amazonaws.com/79f04aa2885223ae0127bc4d065944b695e47b8024d309e7f5e8b71ff35d8372/b68eca06-f1ad-4276-a059-ab7fe304d1ea.png

I made this cube-based game of chance in JS: github.com/itskme/JS-game-of-chance/tree/main

https://imgutil.s3.us-east-2.amazonaws.com/6702eefeb8a86c996952797d72cceff6152407675da3808be5b93c7c3a1e87f1/96cc7222-9e98-4323-87cc-c547225bbf64.png

Save&go encryption tool github.com/e121324/save_and_go Tool to encrypt and decrypt directories using AES Encryption implementation of pycryptodome lib with a web based GUI using bootstrap and vanilla js connected with a flask API that runs on a local waitress server(WSGI server). This tool provides a solution to the need of decryption of isolated files inside large encrypted folders, so you don't have to decrypt the whole directory in order to acces it.

https://imgutil.s3.us-east-2.amazonaws.com/83222abbb1c8df6f6bde639fbbc210794676fcdc88be931210f85a7c35a19d13/550c351e-c3a8-47fb-a76f-1548d04cab88.png

I'm ready to give y'all the first look at Outstanding, the millionth markdown-based note-taking app built with web tech. The main goal of this one is to create a great app for writing lesson notes, revision notes, or assessed work. Simple for when you just need to write, and simultaneously customizable to fit your preferences. Outstanding isn't yet ready to become your primary note-taking tool (most of the buttons in the screenshot don't function yet!), but it does indeed edit notes, with the ability to store them in a local folder or internally in the browser. It's also built to be highly extendible, using JavaScript or JSON, with a system of providers, registries, and datapacks 😅 Try it now: :tw_earth_africa: outstanding.slevel.xyz Take a look at the source code or project goals: :github: github.com/RandomSearch18/outstanding Am I shipping the last Arcade project I need to reach my goal, the very night the event ends? You bet I am.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1bcf1fbb-26eb-4057-b45a-78af6687e5a5-screen_shot_2024-08-31_at_22.26.06.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/45d99600-f490-48e8-a5cb-5ab80471781e-image.png

https://imgutil.s3.us-east-2.amazonaws.com/dc7a183a52c330d252ef8a45241f2521f3e4119dda63fac58a3ddc4e3719be0c/5ebff03a-e4cd-4435-b74d-91f25653fe02.png

A crappy python program that translates Chinese strings located into JS source files to English (quick explanation: a friend found an interesting minecraft bedrock mod but it was written using Chinese... se he decompressed it and asked for a hand to translate its contents). Here the repo: github.com/pepperjackdev/javascript_translator_from_chinese

https://imgutil.s3.us-east-2.amazonaws.com/df76ea5b73797ae0301835b3f31034d064fa63ae10d98b78e1166a09ef029d6a/d3d358c1-7995-415a-a985-ff1a8ec5d441.png

I have completed a major project called 'Xbox Project' or 'Xbox Universe' using HTML and CSS. Various effects, gradient colors and animations are used in this project. To experience the project live: praveenrepswal.github.io/Xbox-project GitHub Repo: github.com/PraveenRepswal/Xbox-project Tech Stack: HTML, CSS and few lines of JS

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2d53e837-24c5-4457-b591-f967e44d1ba3-screenshot_2024-08-31_003348_720.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/12eb9140-8135-4bf1-b0eb-2c18e1ca4f5c-screenshot_2024-08-31_010104_720.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/e3ef5e56-43b8-4883-a326-19233e435a67-screenshot_2024-08-31_003322_720.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/86ef7ecb-3984-47e9-b526-9ad284278c7f-screenshot_2024-08-31_003429_720.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/e3ed7633-08a0-4b61-ad13-36a152a149f6-screenshot_2024-08-31_003429_720.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/9eaacfa5-102f-47a0-8ca9-7c385821f0cb-screenshot_2024-08-31_210553_720.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2ac50709-72c5-4cf8-8be4-2e571f723b18-screenshot_2024-08-31_010154_720.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ef0d5d8e-3e15-4ac1-83c7-7d6509f2b96d-screenshot_2024-08-31_003240_720.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ac9efd1c-79c6-4e1d-be2a-604c4c35d3b8-screenshot_2024-08-31_003203_720.png

https://imgutil.s3.us-east-2.amazonaws.com/addc26e337129d8870593af790958855a2451e912f9491e0ea44418c71542be6/0be79501-112a-4229-ba6a-a285763793bc.png

github.com/hello-lab/js-filtering-proxy

https://imgutil.s3.us-east-2.amazonaws.com/ec54786106ad1bce2b03deae60c2d91ff35496d0db405be4f90a7f408f8ea32f/6dbd2a52-9e05-45ab-ab6a-a9781a02fa5c.png

Its so close to being done but I'm losing my mind lol, this started out from other ideas while going through brilliant and trying to research for a go kart to build, all of it has lead to this sprig game. This was my first JS experience and I've learned a lot, overall I'm really excited to finish when I'm not going mad (and maybe get a sprig of my own 👀) Enjoy sprig.hackclub.com/share/ypUuS3XwSQ2FJI0Cr0Hj (resubmit for hakkun)

https://imgutil.s3.us-east-2.amazonaws.com/e05c48f1970288c4d4291e878cb3f688814742a78d194a8c78c56075b82be43e/84837285-495a-4ef3-9c3e-80598ab5c6ee.png

Its so close to being done but I'm losing my mind lol, this started out from other ideas while going through brilliant and trying to research for a go kart to build, all of it has lead to this sprig game. This was my first JS experience and I've learned a lot, overall I'm really excited to finish when I'm not going mad (and maybe get a sprig of my own 👀) Enjoy sprig.hackclub.com/share/ypUuS3XwSQ2FJI0Cr0Hj

https://imgutil.s3.us-east-2.amazonaws.com/e05c48f1970288c4d4291e878cb3f688814742a78d194a8c78c56075b82be43e/1b3f9fef-8e3a-445d-9693-02dee531c3e2.png

I made this timer in JS: github.com/itskme/Countdown-Timer

https://imgutil.s3.us-east-2.amazonaws.com/96c6f2ba14b3ea90f22d647ced063a01cc1cda464909901bceac2567e377e37c/6c1a1e58-5298-46b9-bd27-6ec713ac8fea.png

I made this branded video player in JS today: github.com/itskme/VideoPlayer/tree/main

https://imgutil.s3.us-east-2.amazonaws.com/190217e6e849f41aaf010ae61f012d396e2647ac1924854b3085daee41fbdb7d/cc3ccafe-b62f-4e56-822f-1181791642f1.png

I designed an algorithmic city scape in JS using Blot: github.com/MelonMars/AlgorithmicArt

https://imgutil.s3.us-east-2.amazonaws.com/3204cf6cd92141c94f299341a0a62f4a6a967b7277f88d56fbb53131b5f0c106/09eb54bf-6da5-4003-878e-5d0693137688.png

A todolist web app built with Next.js Try: nicesapien.github.io/next-todo GitHub: github.com/NiceSapien/next-todo

https://scrapbook-into-the-redwoods.s3.amazonaws.com/92c8c7f6-4f89-4b55-893f-377486bb38a0-image.png

https://imgutil.s3.us-east-2.amazonaws.com/f8b70d9200e47c859d8c8538bb07831bf8e76f385a841a8c29874bad63ea6fd1/8ce8694c-9dbd-4a02-aab4-c8c885ec2d51.png

Final Stage of the JS-OS LIVE DEMO: abdelrahmanabuessa.github.io/WebOS REPO: github.com/AbdelrahmanAbuessa/WebOS Still faces a ton of mistakes that i dont know the cause of

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ee6e20a3-6bbd-49ab-9a26-0488e30a86b3-image.png

https://imgutil.s3.us-east-2.amazonaws.com/eb52526642318729333333805b61c8e2a8ffe6cbfe8ff31f6404069b3193b4e4/a481c505-34e5-4392-a61b-17c8ae254da8.png

Hello everyone! I recently completed my to-do app that I made using HTML, CSS, and Javascript. Check it out! Repo: github.com/tanushchauhan/to-do-app Link: tanushchauhan.github.io/to-do-app

https://imgutil.s3.us-east-2.amazonaws.com/7982ac84d2e3f55fe16252d9e7d4f8dbdc24488416e924fac5cafbe4d82cf972/436628bf-38c5-4625-b603-2cfbe181f47d.png

Released v1.11.4 of my minesweeper game! Written in vanilla JS, HTML, CSS. Highly customizable, simple minesweeper website. Supports no guess mode, a custom map creator mode and an analysis mode. Many customizable settings. Probably my last major update. Feedback wanted. More info on GitHub. GitHub repo: github.com/NicholaChen/minesweeper Play here: nicholachen.github.io/minesweeper

https://scrapbook-into-the-redwoods.s3.amazonaws.com/20827bd9-e0fc-4b89-9b71-bdbe8e9dc9cb-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/7f100c31-d9d0-4df0-a9c7-34c56aba306b-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2e98f18e-c0c5-49db-9faf-ddd7d2c1b02d-image.png

https://imgutil.s3.us-east-2.amazonaws.com/154030686cf2419fa6fce4e33eeb52daaf545408cba0103d3e698f46c88bf20e/231cf134-afe9-4619-a522-caccc828b3ea.png

Hello everyone! I recently completed my quote application using HTML, CSS, and Javascript. Check it out! Repo: github.com/tanushchauhan/quote-app Link: tanushchauhan.github.io/quote-app

https://imgutil.s3.us-east-2.amazonaws.com/2602ee3c87e2c5139cd5146e0619f505b87b6714e8d201d2bab6dcc7e8629e6b/51752720-e392-40cb-9f83-b60d1c867a01.png

I made a quiz game with HTML/CSS/JavaScript and I never actually put it in scrapbook so here I am. After a while I stopped doing the project since I was already happy with the results so some features don't work fully like leaderboard and some questions are glitched Note: some of the sessions might not have any github links or anything cause i forgot so its fine if I don't get any tickets for those sessions please just ignore them and sorry for the inconvenience Live Page: inotarabi.github.io/Quiz-Game github repo: github.com/inotarabi/Quiz-Game heres the video demo video might be a bit choppy

https://imgutil.s3.us-east-2.amazonaws.com/2c43819b123f3781a3e364e0344eda27a558a5f5d89c87ea064d4d4225de5dff/587b0110-807e-4d96-aa48-22fd88129afc.png