js emoji

Posts tagged with :js:

sampoder
@sampoder5
🇨🇦 Hack The North 2023! @ImDeet-U045B4BQ2T0, @fayd and I teamed up to make :goose-dance: Hack The Geese :goose-honk-left:! It was a game that attendees could play using the QR codes on their badges. Here’s how’d it work: 1. You’d scan your badge’s QR code to log in. 2. Your find someone who you’d like to compete against and scan their badge’s QR code. 3. You’d both receive a prompt, eg. “take a selfie with a someone with blue hair”. 4. You’d race to take a fun picture based on the prompt before the other player does. 5. You either win or lose, then you got to choose wether or not to rematch! You can go to htgeese.tech/album to see all the photos that folks took during demos with the game (and many more of me stressing over the backend)! We used a slightly cursed combination of a Next.js frontend and a backend written in Go which interacted with one another through Websockets…. yeah, very cursed and very jank. We also used Vercel’s new Postgres & Blob storage services which were surprisingly good. And, of course, we used Prisma…. including it’s slightly hacky spin-off Go client. Another awesome part of the game was @ImDeet-U045B4BQ2T0’s custom designed geese (GEESE!): :htn-goose-1: :htn-goose-2: :htn-goose-3: :htn-goose-4: :htn-goose-5: :htn-goose-6: :htn-goose-7: :htn-goose-8: :htn-goose-9: :htn-goose-10: Every player got one of these made for them when they first signed! The game was a bunch of fun to play IRL and we had people playing it throughout the demo session. Attached is a sick selfie of @fayd in his sunnies and the judge! And at the end of the day, somehow, we were selected as winners so we got to demo on stage and won a couple of prizes which was pretty cool! Here’s us playing a game with all the attendees and a couple of other photos from the weekend (including us working on the project while on #hack-night!). The GitHub is full of more photos and stories from the weekend: github.com/sampoder/hack-the-geese. O CANADA!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/cf2b0eb5-4b92-4c06-b2aa-78cf8f83342e-68747470733a2f2f636c6f75642d3677737063706132732d6861636b2d636c75622d626f742e76657263656c2e6170702f3070726f6d70742d302e393935333738393433393239363533322e706e67.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/2f66fef0-8448-486c-be64-62d76829d73b-268510329-08ca52f3-2170-453e-b223-0abe5576a1d4.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/f4cfcc99-9382-4421-a683-adbf54bf5d35-268510412-4a7e75e7-e510-48f7-bf8e-38f493a24f4c.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/880621d2-d658-4bdc-8769-7cf5c80e4be4-268509113-916408e1-8e21-4487-9c4c-2dd77e81515b.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/f34e634d-a7b3-4b96-b381-aef9f5afb17c-68747470733a2f2f636c6f75642d38626e6877713064682d6861636b2d636c75622d626f742e76657263656c2e6170702f3073637265656e73686f745f323032332d30392d31375f61745f372e34382e34355f616d2e706e67.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/b08d5e1f-f330-4c45-bcd1-6ae51255a6ba-268523676-2aaf42d3-3d4c-4a93-bea4-4c6b212b3905.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/49062a69-7d85-4924-99f0-a56aae1619b7-68747470733a2f2f636c6f75642d38626e6877713064682d6861636b2d636c75622d626f742e76657263656c2e6170702f3173637265656e73686f745f323032332d30392d31375f61745f372e34392e30335f616d2e706e67.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/a22cced9-0970-40fd-9700-a106aff68745-screenshot_2023-09-17_at_6.13.58_pm.png
ZaynB
@ZaynB4
Riffed on @/alex (in executive dysfunction mode)'s Kaboom.js jam during a 1-hour jam bonanza to make this game where this moon character has to collect lightning bolts and avoid bombs. Had a great bit of fun!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9fc01751-5243-43f1-8cdf-7276103ca91e-image.png
ZaynB
@ZaynB4
I made a simple todo app using Next.js + Clerk (for authentication) + Supabase + Shadcn-ui in order to learn how to mesh those technologies together!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/cd612c60-b3a3-4baa-a950-5aa991407ffd-image.png
nextjs emoji
js emoji
summer-of-making emoji
supabase emoji
abby
@abby1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9436f850-ab6b-42cd-8f29-f58b4e910150-screenshot_2023-07-30_at_12.49.50_pm.png
js emoji
summer-of-making emoji
github emoji
jzaleta
@jzaleta2
Wahoo! Today I learned how to use :vite: and I moved my github.com/jzaleta/night-skies project to use it! It was very fun to implement ES modules and to find janky :jankman: ways to add P5.js to it. :peefest: You can check the result site at night-skies.vercel.app like last time and star it ⭐ on GitHub if you want :) I still need to find a way to properly add meta tags so my index.html isn't very big but anyways this was nice to hack on.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/3598f7df-58be-4521-a0fe-d2d1c6699a75-screenshot_2023-07-13_at_18.29.10.png
Shreeya
@Shreeya0
Any js experts? Please help, I am suffering from 'being dumb' syndrome
https://scrapbook-into-the-redwoods.s3.amazonaws.com/cffb64c6-f7a8-4b62-9844-ee17c4e0a377-img_20230530_171839.jpg
js emoji
Polar
@Polar0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/13b74262-ed9e-45d3-b436-b850a9f09b27-lxz2m0vsbfw8jtxv_2x.png
vercel emoji
github emoji
js emoji
goose-honk-technologist emoji
nextjs emoji
spring-of-making emoji
jzaleta
@jzaleta2
I finally finished my confetti thing for #angelhacks-site! :angelhacks: github.com/hackclub/angelhacks3/pull/8 :pr: This is my first time working with Next.js :nextjs: and I wanted to see if I could code something with it without reading any docs! *How?* • Well, first I had an error, I couldn't start the dev environment! :pensive-wobble: To fix this I (somehow) installed next globally and that allowed my package.json :npm: to run next build • After that, I wrote the confetti code and implement it on a React :react: component but I also don't know any react so it didn't work :eggsdee: • So I added the confetti code into the already existing PhotoGallery component! :yay: Everything looked good, but then I got this error: ReferenceError: document is not defined :errors: • To fix that, I run my code client side after watching a small tutorial and it ended up like this:
import Masonry from 'react-masonry-css'
import styles from './PhotoGallery.module.scss'
import { Nunito } from 'next/font/google'
import { useEffect } from 'react'

const nunito = Nunito({
  weight: ['400', '800'],
  subsets: ['latin']
})

export function Button({ children, fontSize = '7rem', ...props }) {
  const handleClick = () => {
    import('js-confetti').then(({ default: Confetti }) => {
      const confetti = new Confetti()
      confetti.addConfetti({
        emojis: ['🎮', '👾', '🕹️', '💻', '📸', '🎧', '🎨', '🪽']
      })
    })
  }

  return (
    <button className={styles.button} onClick={handleClick} {...props}>
      <span className={styles.shadow} />
      <span className={styles.edge} />
      <span
        style={{ fontSize }}
        className={`${styles.front} ${nunito.className}`}>
        {children}
      </span>
    </button>
  )
}

function Image({ src, text }) {
  return (
    <div className={styles.photo}>
      <img src={src} width="auto" />
      <p>{text}</p>
    </div>
  )
}

export default function PhotoGallery() {
  useEffect(() => {}, [])
  return (
    <div className={styles.photoGallery}>
      <div className={styles.photos}>
This was very fun to work with, and definitely I need to properly learn Next.js on the future. :salute:
jzaleta
@jzaleta2
Yesterday I turned 19-years-old. 🍰 *And I decided to reboot my coding journey and start all over again with a better, more organized design, focused in building in public.* The plan is to become a full stack web developer so I'll start first with Next.js/React! :nextjs: :react:. Also I made another profile repo for my GitHub, changed my username and deployed it at a Jekyll website with Ruby! :ruby: :github: github.com/jzaleta/jzaleta jzaleta.github.io/jzaleta
https://scrapbook-into-the-redwoods.s3.amazonaws.com/d767b56e-ca19-420e-ad60-8ec1d555bf0e-captura_de_pantalla_2023-05-15_a_la_s__11.32.32.png
nextjs emoji
github emoji
react emoji
js emoji
spring-of-making emoji
Samarth_Verulkar
@Samarth_Verulkar0
Some React.js ....
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9baac40b-e7f4-472e-baf8-9587b2721979-screenshot__326_.png
js emoji
spring-of-making emoji
react emoji
Cheru
@Cheru1
wahoo!! this uses a Go server running on my computer, which interfaces with the arduino to get nunchuck data (pings the arduino, which returns binary data via serial), & as a proof of concept runs an http server which is being called by a lil html/js app to display joystick position
js emoji
wahoo-fish emoji
dark-thisupvote emoji
yay emoji
earthquaky-eyes emoji
zach-pog emoji
ultrafastparrot emoji
bread_nod emoji
blobhypedance emoji
blob_hype emoji
high-five emoji
pogchamp emoji
hardware emoji
spring-of-making emoji
partyparrot emoji
jzaleta
@jzaleta2
*It’s a quiet night... the weather forecast says:* 🌌 Starry-sprinkled night skies with a chance of shooting stars and Lo-fi beats. You say to yourself, wait, that can’t be possible, right? Definitely possible! I present y'all my new ship: night-skies.vercel.app 🚢 :quad_parrot: Night skies github.com/j-cordz/night-skies is a small p5.js :js: website that includes a starry night sky and random shooting stars and some lo-fi beats! 🎵 Please give it a ⭐ on :github: if you like it! This was very fun to work on, and helped me to learn more about p5js.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/1d7be104-7d40-41c7-9029-5110e6b3fcfd-captura_de_pantalla_2023-04-30_a_la_s__10.37.24.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/e8d39d58-f6d2-4051-8c71-81e76d4711ec-captura_de_pantalla_2023-04-30_a_la_s__10.37.09.png
jzaleta
@jzaleta2
https://scrapbook-into-the-redwoods.s3.amazonaws.com/250250c5-979c-4e4b-b479-b8465b94cfca-captura_de_pantalla_2023-04-28_a_la_s__21.57.35.png
Sarthak
@Sarthak0
Started building a project to assist people in research rabbit holes and keep track of the path they have taken across paper references! Made a proof of concept in MIT App Inventor earlier this year and am now transitioning to making a more complete project using React.js.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/eabeb5db-1bd1-474c-933d-14bd5cb313c0-image.png
jzaleta
@jzaleta2
:js:
https://scrapbook-into-the-redwoods.s3.amazonaws.com/08d95bd9-f614-4fbf-996c-0489982944c0-captura_de_pantalla_2023-04-24_a_la_s__22.53.47.png
spring-of-making emoji
js emoji
ShubhamPatil
@ShubhamPatil1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9c39929c-d081-4876-836d-f0879396f89b-image.png
sonicx180
@sonicx1801
I BECAME A MOD ON DEV TO!!!!!!!! I'm a mod for web dev, beginners, and javascript
https://scrapbook-into-the-redwoods.s3.amazonaws.com/1b631444-939f-42ea-b94b-5ce972dfbf0c-image.png
js emoji
malted
@malted2
I've been exploring browser rendering after @zrl mentioned Ladybird, including giving it a shot in Rust. The internals of SpiderMonkey are especially interesting; Mozilla wrote an overview of how its components work here: firefox-source-docs.mozilla.org/js/index.html
https://scrapbook-into-the-redwoods.s3.amazonaws.com/0b22c345-e137-4df7-9b13-2bf53067151c-image.png
rustlang emoji
js emoji
spring-of-making emoji
firefoxlogo emoji
karmanyaahm
@karmanyaahm7+
https://scrapbook-into-the-redwoods.s3.amazonaws.com/e52e1d01-6f08-411d-9e31-f4e783e11eeb-image.png
uil emoji
ipfs emoji
js emoji
python emoji
spring-of-making emoji
Sarthak
@Sarthak0
Started tinkering with GPT-3 with buildspace. I'm making a little UIL study tool for my team so that we can make studying more efficient and fun. Currently thinking about making the model answer in pirate voices and including other random easter eggs to make studying a little more interesting! Learned about prompt engineering as well as explored Next.js's backend serverless functions a little more.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/a64c0210-f967-411d-b56f-22b12bd9b92a-image.png
karmanyaahm
@karmanyaahm7+
https://scrapbook-into-the-redwoods.s3.amazonaws.com/253ca4fa-03e6-49f9-9674-36fd8e8ce038-image.png
js emoji
uil emoji
spring-of-making emoji
ipfs emoji
python emoji
ThomasStubblefield
@ThomasStubblefield7+
A little bit better :)
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9317638c-9748-4219-a859-39ef23bbf365-screenshot_2023-04-06_at_10.11.15_pm.png
js emoji
swift emoji
spring-of-making emoji
Arpan
@Arpan0
Making a 3D scene in Blender for importing in ThreeJS
https://scrapbook-into-the-redwoods.s3.amazonaws.com/b484c825-cb1b-40ec-b8cc-f60cadd3b78e-workinprogressportallighting.png
Skyascii
@Skyascii0
Today I tested out some well-known JS CLI argument parsers to see how fast they would run on the latest app I'm building
https://scrapbook-into-the-redwoods.s3.amazonaws.com/409fa27e-a3f2-46dc-b101-7da229df06ff-image.png
js emoji
spring-of-making emoji
Arpan
@Arpan0
Learning ThreeJS continues with Realistic Rendering
https://scrapbook-into-the-redwoods.s3.amazonaws.com/5b06be96-f891-4a94-ab49-e91c7f1858ad-screenshot_2023-03-29_at_2.45.35_pm.png
sonicx180
@sonicx1801
https://scrapbook-into-the-redwoods.s3.amazonaws.com/584f42fc-7832-48f8-bf36-2fcfcc2a6a0a-image.png
js emoji
python emoji
current-replit emoji
Arpan
@Arpan0
Made this galaxy in ThreeJS today!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/579bdea6-82d1-4e55-a2d6-39ed1fd2e974-screenshot_2023-03-24_at_9.24.34_am.png
Arpan
@Arpan0
Three JS, text time!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/3a6b6766-9934-4fda-a6ef-5ae8af748c70-screenshot_2023-03-23_at_11.22.39_am.png
Arpan
@Arpan0
Learning ThreeJS
https://scrapbook-into-the-redwoods.s3.amazonaws.com/17cbeee4-d5fe-4231-a4e6-1d9848b72725-screenshot_2023-03-21_at_4.54.48_pm.png
Arpan
@Arpan0
https://cloud-dtp8lkvgj-hack-club-bot.vercel.app/0screenshot_2023-03-16_at_8.30.21_am.png
sonicx180
@sonicx1801
Creating my dad's website. I tried to do this like 5 times before (trying to decide which stack I should use) and ended up using Next.js . Follow my progress here : github.com/sonicx180/ginz-website
https://cloud-qbr5o3iw7-hack-club-bot.vercel.app/0image.png
wom emoji
js emoji
nextjs emoji
HenryBass-U02KEJ8T6D8
@HenryBass-U02KEJ8T6D80
Learned react js today, and used express + node + mongo db to make this site. You can submit posts, and read the latest posts. It's really simple, I just wanted a project to learn react with Also, Henrybook is a running joke since 3rd grade: Each time I've made some app that vaguely resembles a social media of some form, I've named it Henrybook
https://cloud-18vpsdtyu-hack-club-bot.vercel.app/0image.png
js emoji
react emoji
wom emoji
HenryBass-U02KEJ8T6D8
@HenryBass-U02KEJ8T6D80
Today I tried learning react js, because I'm tired of hearing people talking about JS frameworks and whatever while I have no clue what they're talking about Also, as a quick few hour project, learned GLSL for the purposes of making the absolutely atrocious shader depicted below I wasted about 50% of my time working on that by not being able to figure out that depth buffers aren't linear lmfao
https://cloud-6o6tljv48-hack-club-bot.vercel.app/0image.pnghttps://cloud-eqvkc8frk-hack-club-bot.vercel.app/0screenshot_from_2023-03-02_22-26-31.png
react emoji
wom emoji
js emoji
cupcakes
@cupcakes0
❄️ Started learning about tone.js! Its really interesting
https://cloud-oot5cn3jr-hack-club-bot.vercel.app/0image.png
wom emoji
js emoji
Ko-Ko-Oo
@Ko-Ko-Oo0
Day 4 of Winter Hardware Wonderland: I learned how to create a pixel art editor with JS from the Medium article. Then I make some design changes and add more features to deal with the backend server. Tomorrow Plan: Build a backend server using flask and display leds as a change in the frontend occurs.
https://cloud-n1kdy4c5w-hack-club-bot.vercel.app/0image.pnghttps://cloud-hzjt3ayy4-hack-club-bot.vercel.app/0img_3165.jpeghttps://cloud-fzp4qcwny-hack-club-bot.vercel.app/0img_3166.jpeg
Captain-A.J.
@Captain-A.J.0
Covering the rudiments of C++ for the Arduino! My experience with Javascript and Python has been helpful.
https://cloud-b13hva0dm-hack-club-bot.vercel.app/0hour_of_code_c__.png
js emoji
wom emoji
c emoji
python emoji
winter-hardware-wonderland emoji
JanJakubas-U04C67RB0BC
@JanJakubas-U04C67RB0BC0
https://cloud-pjv2h6bmh-hack-club-bot.vercel.app/068747470733a2f2f63646e2e646973636f72646170702e636f6d2f6174746163686d656e74732f313034313433363938383338323932343838332f313037353337393233343033393636343636302f696d6167652e706e67.png
RelatedTitle-U04GUF2QEKS
@RelatedTitle-U04GUF2QEKS0
I started building the Backend and Frontend, but before I could do that, I needed a library to interact with the drone. I found one but realized it was written in plain vanilla JS and had no type definitions. Since I wanted to use Typescript in my project, I really felt I could benefit from having type definitions. So I forked the library and converted it to typescript. The fork is open source and is available here.
https://cloud-ky0c8rlg5-hack-club-bot.vercel.app/0image.png
github emoji
js emoji
typescript emoji
kirby-yay emoji
wom emoji
winter-hardware-wonderland emoji
cytronicoder
@cytronicoder1
Shipped out a "currently listening to" widget to my portfolio! Had lots of fun connecting my Spotify account to Next.js and working with access tokens. I also connected Gitub to list out some of my projects on the site via Octokit.
https://cloud-4dsybus7p-hack-club-bot.vercel.app/0screenshot_2023-02-03_at_10.56.56_pm.png
wom emoji
js emoji
nextjs emoji
spotify emoji
jzaleta
@jzaleta2
Today I watched Avatar The Way of Water and read some things about Vite! Yesterday I learned about Babel.js compiler but forgot to update the text on my #scrapbook post. And speaking of Vite :vite: I'll make sure to use it on future projects.
https://cloud-oo1fjnt1e-hack-club-bot.vercel.app/0img_8073.jpghttps://cloud-77dhp9t9i-hack-club-bot.vercel.app/0screen_shot_2023-01-27_at_22.33.59.png
js emoji
wom emoji
vite emoji
christina695
@christina6950
Next.js! Got started on my first website using Next.js . . . It may- or may not- be a project where I help the local library create a Legos Station for kids
https://cloud-514w3juch-hack-club-bot.vercel.app/0screen_shot_2023-01-27_at_8.38.36_pm.png
nextjs emoji
js emoji
upvote emoji
wom emoji
jzaleta
@jzaleta2
:javascript:
https://cloud-2cns8l4ab-hack-club-bot.vercel.app/0screen_shot_2023-01-26_at_22.19.35.pnghttps://cloud-8c505wwh0-hack-club-bot.vercel.app/0grassland-robot.pnghttps://cloud-qc5dysa1w-hack-club-bot.vercel.app/0screen_shot_2023-01-26_at_22.23.32.png
js emoji
wom emoji
lachlanjc
@lachlanjc0
Presenting my latest project, Decarbonize: The Game! It’s an interactive game with laser-cut pieces & iPad/Next.js software. You’re in control of the electric grid for 50 years: build out solar, wind, natural gas, & goal to explore the effects on carbon emissions & energy prices. Thanks @matthew for filming.
ShubhamPatil
@ShubhamPatil1
made a vscode extension! it's going to be a status updater (e.g. editing one.js in adventofcode_2022)
https://cloud-mrgczxcjp-hack-club-bot.vercel.app/0image.png
js emoji
vsc emoji
wom emoji
luanderfarias
@luanderfarias0
Good morning, day 2 of #10-days-in-public yay, gonna work on inputify again. Maybe we get a beta release this week!! project link: github.com/inputify/inputify-js
https://cloud-19unbzdxa-hack-club-bot.vercel.app/0image.png
github emoji
js emoji
wom emoji
10daysinpublic emoji
ShaneCelis-U04F7QE6H41
@ShaneCelis-U04F7QE6H410
Hello all, I started working with sprig last week, and I've been absent from javascript for a long while. Lots of neat new stuff in javascript: static, class, async. I thought I'd make a game out of some esoteric programming language, and Befunge is this little 2D language that's quite visual when running. For game levels I figure I'd present a nearly working program with only one symbol you can push around to try and solve it. But first you need an interpreter, so here's the helloworld level. gist.github.com/shanecelis/cdd9097b6120f32e7b3da0a325b024f9
https://cloud-5bhdfhkdg-hack-club-bot.vercel.app/0befungoban.gif
aaryan
@aaryan1
Day 10 of #10-days-in-public 🎊 Got exams this coming week, so probably won't be able to work on AoC. But almost finished all the projects for the FCC's JS DSA track! It's kinda amazing to know that I can actually maintain consistency (at least for 10 days straight ) Hope to keep this going for more!
https://cloud-10calftjl-hack-club-bot.vercel.app/0image.png
jc
@jc3
Playing around with Svelte! Wrote a little highlight.js component
https://cloud-pqv5mnc5f-hack-club-bot.vercel.app/0image.png