js emoji

Posts tagged with :js:

Shreeya
@Shreeya7+
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
@Polar1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/13b74262-ed9e-45d3-b436-b850a9f09b27-lxz2m0vsbfw8jtxv_2x.png
vercel emoji
goose-honk-technologist emoji
nextjs emoji
spring-of-making emoji
github emoji
js emoji
jzaleta
@jzaleta6
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
@jzaleta6
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
@jzaleta6
*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
@jzaleta6
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
@jzaleta6
: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
@ShubhamPatil0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9c39929c-d081-4876-836d-f0879396f89b-image.png
sonicx180
@sonicx1802
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
@malted0
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
spring-of-making emoji
firefoxlogo emoji
js emoji
karmanyaahm
@karmanyaahm2
https://scrapbook-into-the-redwoods.s3.amazonaws.com/e52e1d01-6f08-411d-9e31-f4e783e11eeb-image.png
ipfs emoji
uil 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
@karmanyaahm2
https://scrapbook-into-the-redwoods.s3.amazonaws.com/253ca4fa-03e6-49f9-9674-36fd8e8ce038-image.png
js emoji
uil emoji
spring-of-making emoji
python emoji
ipfs 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
@Arpan1
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
@Arpan1
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
@sonicx1802
https://scrapbook-into-the-redwoods.s3.amazonaws.com/584f42fc-7832-48f8-bf36-2fcfcc2a6a0a-image.png
current-replit emoji
js emoji
python emoji
Arpan
@Arpan1
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
@Arpan1
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
@Arpan1
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
@Arpan1
https://cloud-dtp8lkvgj-hack-club-bot.vercel.app/0screenshot_2023-03-16_at_8.30.21_am.png
sonicx180
@sonicx1802
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
Odysseus
@Odysseus0
Day 1 This is my first day of documenting my day for scrapbook! Let's go! :minecraft: Minecraft Me and @Marios (along some other amazing people) are preparing to launch the Kelp Ltd company, in the official Hack Club Minecraft Server! With the help of @Marios, we made the Kelp Ltd website @ odysseusk.me/kelp. Go check it out! :tw_books: New programming book I purchased "The Computer Programming Bible" by C.P.A. INC. which is a small book with guides for HTML, C, C++, C#, Python, Java, Javascript and Raspberry Pi. It looks like a great book, and I am looking forward to use it to learn C! :tw_spiral_calendar_pad: Tomorrow Tomorrow I will start binge watching C tutorials and making basic projects. I will also have my second hack club meeting! So excited! Lastly, I will of course grow my Minecraft empire!
https://cloud-6gz8j0pzv-hack-club-bot.vercel.app/0img_20230225_211214.jpg
hackclub emoji
minecraft emoji
wom emoji
js emoji
ultrafastparrot emoji
c 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
@cytronicoder7+
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
@jzaleta6
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
upvote emoji
wom emoji
js emoji
jzaleta
@jzaleta6
: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
@ShubhamPatil0
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
@luanderfarias1
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
@aaryan0
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
@jc1
Playing around with Svelte! Wrote a little highlight.js component
https://cloud-pqv5mnc5f-hack-club-bot.vercel.app/0image.png
aaryan
@aaryan0
Day 9 of #10-days-in-public made progress on JavaScript Data structures and algorithms, will finish day 7 and 8 of Advent of code by today 😤 ! Also finished our major project today, presentation tomorrow :D
https://cloud-opaq1qsqr-hack-club-bot.vercel.app/0screenshot_2022-12-08-18-45-59-17_ef634ab0a744fd035b88627414f28d5e.jpghttps://cloud-mcr57yfgb-hack-club-bot.vercel.app/0screenshot_2022-12-08-18-48-17-74_ef634ab0a744fd035b88627414f28d5e.jpg
aoc emoji
js emoji
goose-honk-technologist emoji
10daysinpublic emoji
reesericci
@reesericci3
day 9/10 for #10-days-in-public: I learned about next.js api routes for the obl.ong backend
https://cloud-c41axzxtt-hack-club-bot.vercel.app/0image.png
js emoji
nextjs emoji
10daysinpublic emoji
adelly13
@adelly130
day 8 of #10-days-in-public! i built and deployed the first version of my personal website which was built with next.js and tailwind css today using vercel! still need to fix up the meta data, but so happy everything is coming together!
https://cloud-himfayigo-hack-club-bot.vercel.app/0image.png
10daysinpublic emoji
tailwind emoji
vercel emoji
nextjs emoji
js emoji
aaryan
@aaryan0
Day 6/10 of #10-days-in-public: Solved day 4 of AoC and worked on another JavaScript DSA problem today!
https://cloud-6ug5g49vr-hack-club-bot.vercel.app/0image.pnghttps://cloud-a50youou9-hack-club-bot.vercel.app/0image.png
js emoji
10daysinpublic emoji
aoc emoji