js emoji

Posts tagged with :js:

LuceHeinrich
@LuceHeinrich0
Early development version of a dungeon crawler I’m making with some friends, all running in p5.js via electron
spring-of-making emoji
js emoji
awdev
@awdev0
I am beginning my improvements on my JS physics engine, first with bounces. Now to implement surfaces with normals and normal reflections. This is quite fun!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/558262d6-09fb-4166-9484-32be63c4ed85-image.png
js emoji
reesericci
@reesericci0
:scratch: :shipitparrot: SCRATCH SHIP: SSH FOR SCRATCH!!!:scratch: :shipitparrot: The past week I've been working on getting SSH over WebSockets working to allow for building SSH apps with TurboWarp, a Scratch fork with custom extensions. It required me to write Go code compiled for WebAssembly to get a full client working, but it does work! Introducing, turbowarp.sh - building blocks for SSH apps in Scratch. It allows you to connect to any Linux server provided it has a WebSocket tunnel to SSH (see websocat/websockify) like Nest! You can execute commands, have full programming control flow with Scratch, and more! You can try this extension today at turbowarp.org/editor?extension=https://cdn.jsdelivr.net/npm/turbowarp.sh/dist/bundle.min.js ,or by loading bundle.min.js in the turbowarp.sh package through a NPM CDN (like jsdelivr) from the "Custom Extensions" tile. Git: sr.ht/~reesericci/turbowarp.sh NPM: www.npmjs.com/package/turbowarp.sh
https://scrapbook-into-the-redwoods.s3.amazonaws.com/b7f7fc31-4b75-4f87-8a45-352ccfabd193-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/5e0c01ba-d8eb-43f7-9133-0198c5401a86-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/dc2026edfd9eb8e3fb7625e27617881dabd275cd65a21dd4e3a07e14eb2c2aee/fc289a90-1ad0-4759-a2cd-a058d6c2f809.png
sam
@sam0
I love Blot, here's QR Blot running! The result is fantastic!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/78aff045-847a-4e1f-9276-5cab10d4772e-img_4012.jpghttps://imgutil.s3.us-east-2.amazonaws.com/3548f65faedf573a617d447111d0ec757780471e49fdb18d7af96f911ffb1800/56f6178b-dbc8-4052-8d69-dbe40fba4513.png
sahitid
@sahitid0
:kitty-dance: 🌸 *days of service ship incoming:* :kitty-dance: 🌸 Blossom 🌸 was held in Atlanta, Georgia from March 15-16th. working closely with the Girl Scouts of Greater Atlanta :girl-scouts:, i had the privilege of organizing a day-long event that brought together a team of high school female mentors and dozens of eager girl scouts. beginner girl scouts embarked on exciting journeys - from crafting their own PCB :pcb: keychains that they later had manufactured through #onboard to delving into an introduction of javascript :js: to code drawings on #blot the drawing robot. every girl went home with a unique new hardware or software project that they 100% created themselves, but most importantly, the confidence needed to pursue coding further :blobheart:. we also had a brilliant dinner (with ricotta balls :blobby-doughnut:) the night before with 28+ women in technology and STEM who guided us with their stories and experiences in their fields. all the high school mentors and i were fueled for the day ahead of us by the end of the night:half-salute:. it was so motivating to see girls who had never touched code before leaving the event with the confidence that they had a place in the world of technology & finished projects that they could show off. 🔗 website: blossom.hackclub.com :githubparrot: github repo: github.com/hackclub/blossom 📷 day of service photos: drive.google.com/drive/folders/1-XnTK7QPwufdo4flwsF7syqOoZwB0z6C?usp=sharing 🥂 women in STEM dinner photos: drive.google.com/drive/folders/1-WR0RY4SCYAOzAD3T-Z6aT0_DYBsNGgj?usp=sharing thank you to @MariannaLudensky @NilaRam @christina695 &amp; the whole <!subteam^S06A2EGQ29M|@blossom-team> for the wonderful event we pulled off, hopefully inspiring many girls along with each other through the process.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/f16815b3-04af-4ebb-b6db-41d60cd8c43d-dinner.jpeghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/5b172528-5ae2-4317-aa84-4bb38c02c8cc-250a3112.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/aa1eefaf-1b47-4f54-a9e1-b500df0b2da9-250a2983.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/b2cdc041-0871-43df-b973-c78ed229d14b-250a3138.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/58d07676-23c6-4761-9316-5d9ed7da80e8-250a2999.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/71636be4-ec48-4a65-806d-5f0980821a7d-250a3141.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/57cfe71b-8378-4dc4-b729-8f40114d685d-250a2880.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/6808d201-a0d5-4864-9017-7fc66bae90ff-250a3003__1_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/6b9fe5d6-2b9f-4070-833a-878397bd4ae1-250a3013.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/a3b3c0b6-41ad-497d-af93-8bd2f50e7bf0-250a3228__1_.jpghttps://imgutil.s3.us-east-2.amazonaws.com/3548f65faedf573a617d447111d0ec757780471e49fdb18d7af96f911ffb1800/151ecc2f-f49c-4d3c-8447-1a0f5731ee61.png
phaedra
@phaedra0
I built a student portal/site for my school! In the future, there may be AI and official district portal features thrown in as well, but at the moment it's primarily being used for my school's course selection since that's what's happening right now at school. I'm so happy to have finished building it! It's a project that I've been hoping to launch since my freshman year of high school but never had the coding expertise to execute, and now it's open-source and live for the 1,700+ students at my school to access! Using Next.js, React, and the magic of the Google Sheets API, I was able to sell the course catalog that my school has (and I now encourage you to check it out)! It's now available at mybla.vercel.app :D It's been awkward walking around and seeing people compliment the project due to seeing my name in weekly announcements but I'm happy that it already has a happy user base even after being released for a short while.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/58eee7b0-4d5a-4075-8ad8-73de2e476309-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/4f6fb409-4a02-4301-8411-56489af79756-image.png
EvanGan
@EvanGan7+
Day 23 of #100-days-in-public. Today I implemented the AI! Now I am back to the point I reached with the pure html/css/js. Over the next two days I am going to be at a FRC competition, so I am going to have less time. If I do have time, I am going to try to make the api key stored in the browser URL. In my short testing for this post the AI just solved the problem for me and said it would sell it to me for the goal ($100). My prompts are sometimes blocked for "Safety" even when they say "Hi there!" so I may also look into that.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/4ba64a83-771e-4dfc-8173-db75460f553a-screen_shot_2024-03-08_at_10.25.05_pm.png
Aram
@Aram0
🚢 ANOTHER WEBSITE SHIP 🚢 I shipped 3 new pages for my website! The first one is a photos page, it pulls automatically from my Flickr for the photos and uses static images as fallback. The second one is a blog, it uses markdown files and tailwind typography for rendering them nicely! The third one is super simple but its a stack page, It includes the tools I use. Hardware and software! The website is written in :nextjs: Next.js and :tailwind: Tailwind CSS. It's all open source! ⭐ it on GitHub and live on aram.sh
https://scrapbook-into-the-redwoods.s3.amazonaws.com/356954c2-3c84-4406-8d1a-d02d5937d741-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/3aa4c7e8-6e67-4967-861d-3cca7d109df9-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/86f52934-d3ce-4771-b295-a54c171b19bd-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/acf24e6a-b7b4-449b-acde-0bfd82870189-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/71aa43726029a36799259ed104cfb8758c20049951f5a659b1f28259ad78af04/4abb2e3c-82b8-4d10-953b-2eb29f3f1bee.png
zrl
@zrl0
My updates for day 9 and day 10 of #10-days-in-public! Yesterday I spent some time getting github.com/hackclub/wizard-orpheus up to snuff to run a workshop on how to build a game using it at #wonderland! It went really well and everyone built awesome games. I asked for feedback and got an NPS of 18%, which is good - but not great, so I’m working on improving it. The key issues people identified are: • Roughly 1/2 of people built something they were proud of, and a few people got super into it, but 1/2 of people didn’t customize and didn’t make something they’re proud of. I’m going to change the workshop so everyone comes up with their game concept and customizes from the beginning, rather than waiting to customize for the end • For the more advanced people who already knew JS, they wanted to see docs so they could figure out how to customize it deeper. So I wrote them! • The slides were hard to follow visually, so I am working on improving them
https://scrapbook-into-the-redwoods.s3.amazonaws.com/b17126d6-d121-4d42-8758-7f57f9c92df6-screenshot_2024-02-24_at_11.11.28_am.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/8fc1b1dc-b115-4810-aa21-b56fb769644b-screenshot_2024-02-24_at_11.19.33_am.pnghttps://imgutil.s3.us-east-2.amazonaws.com/11766be96aa4d85ed864dcd5190ceabd8326185a08c209c53c0ea35e05465a2a/eae51004-d777-4e23-babb-6dc2c8c15daf.png
NikosTsilas-U04N415FE4T
@NikosTsilas-U04N415FE4T0
Day 2 for #10-days-in-public Today I did many things. I thought about how I was going to make the lesson list, and I thought about what the lessons were going to be. (and some music of course:music:). Also, I need to find some good colors. These are awful. I chose them because I could see them easily while I was making the table :table:. Tmr probably I will write some js:js: 😭
https://scrapbook-into-the-redwoods.s3.amazonaws.com/28fa8f5a-7926-44f3-bbbe-8a6d8c099c86-screenshot_2024-02-16_163414.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/7f3a99dc-eecf-43a8-b119-bd524fa452e9-screenshot_2024-02-16_163221.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/8b45d52b-d723-412d-a212-57c14bd85eca-screenshot_2024-02-16_163238.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/0d594ac4-111c-4a1d-bfef-7b61578e9aab-screenshot_2024-02-16_163336.png
js emoji
music emoji
wom emoji
10daysinpublic emoji
Doruk
@Doruk0
React is going to be easy. Very excited! tags: js, react, linux, firefox, website, designing, programming and coding
https://scrapbook-into-the-redwoods.s3.amazonaws.com/10676bbe-9824-4a59-9321-37275a3da22f-image.png
firefoxlogo emoji
js emoji
linux emoji
wom emoji
react emoji
Kieran
@Kieran1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/362c25a9-1549-46a6-af12-354d8ffe2e3a-51253.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/bfe1ce7e-96f5-4968-883c-e24ddf0c5cdf-pxl_20240129_185853609.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/39842a56-73a6-4766-97bb-1a16086b98d4-66286.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/e11e28fa-82c4-4695-a7fd-dd6b29a9b3f8-pxl_20240129_185840165.jpg
Tom
@Tom0
Started making an emulator for my custom CPU. It currently doesn't do anything, but i got display logic working, so i can just put text into memory and it'll write it out to the screen btw. it's written in JS :)
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9b6e0361-e244-4c36-aa3f-6e2a0f7d7914-sni__mek_obrazovky_2024-01-05_v__18.06.42.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/b44cc97b-e60a-403f-baf9-a49859e679c6-sni__mek_obrazovky_2024-01-05_v__18.08.13.png
karolina
@karolina0
i spent this weekend at impact hack atlanta (www.impacthackatl.com), my first college hackathon AND my first in-person hackathon! i had so much fun meeting new people at tech and building solutions that intersected tech, policy, and sustainability. i created Partix, a particle visualization tool that uses the OpenWeatherMap API to display live data of particle pollution. build information (including a demo video) is available at www.karolina.mgdubiel.com/particle/build, and a live demo is here: <http://www.karolina.mgdubiel.com/particle|www.karolina.mgdubiel.com/particle> :)) it's mobile and desktop responsive (mobile is a little iffy -- slacked on that bc of the 36 hr time limit), but i learned sooo much about js building this and overall am really proud of the project. 🌿 UPDATE: i won two categories :)) best submission on the "healthy planet + people" track and best submission award from Southface, an atlanta climate action npo :D
https://scrapbook-into-the-redwoods.s3.amazonaws.com/0551c80e-243e-4252-9085-939496aa91b4-dubai.png
sam
@sam0
Physics project with :minecraft: Minecraft. I combined command blocks logging data to chat. a quick and rough JS script, and the data can be visualized in Excel!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/d8af6011-de95-48d2-ba31-9ba1be543c80-image.png
js emoji
minecraft emoji
Elliot
@Elliot0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/7001ade3-a8a0-4b58-b77b-d5c66928aeff-image.png
ShawnMalluwa-U04BBP8H9FA
@ShawnMalluwa-U04BBP8H9FA0
working on my game before #harvest!! separated map generation from updating the display, and now i can pass in "modes", which can pull from different maps like the political map or the resource map. Once I get those generating properly (trivial?) I can display different maps, which ill connect up to the buttons I threw on top! then ill need to work on the structure of the player system, and allow the map to support an unlimited number of players. then ill need logging in to work, which should be trivial in the local version of this game, and then I will either start moving my code over to node.js or continue developing here (because node is scary)
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ed54ac32-e73a-4c92-978c-a4986f452198-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/4d7678ae-c277-487a-9bac-0a2b7193a932-image.png
ShawnMalluwa-U04BBP8H9FA
@ShawnMalluwa-U04BBP8H9FA0
modified the perlin noise library I'm using to allow me to pass in a seed (more specifically, an array of floats) meaning maps are now deterministic, and it will be possible to seed the seed of the map in the future! it also means I understand how the library works a little better. I also separated out the number parsing and organized/commented the interpretation function a little better, so that adding more commands in the future will be possible. gonna try and get the check command working tonight!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/383a8508-2396-4333-b00d-0f9b7ff873cc-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/a1748f06-d6ce-427d-9dc1-5f5c98379a01-image.png
Doruk
@Doruk0
arghhh, learning JS!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/23b2a4ab-289a-4e2e-9087-1b527829013f-screenshot_2023-10-15_at_7.38.16_pm.png
js emoji
Aram
@Aram0
Learned Next.js in a week and made a new website! aram.sh!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/04928243-b48f-4ee9-9a8d-6a6391d82298-screenshot_2023-10-15_at_9.04.49___am.png
yay emoji
nextjs emoji
js emoji
sprig-dino emoji
V205
@V2050
100 days? Been making the buttons for an interesting new project.... I can't figure out how to embed html and javascript in SwiftUI though 😞
https://scrapbook-into-the-redwoods.s3.amazonaws.com/27a87be3-01eb-46e7-8de6-3a74f9df3d5f-new_note.jpeg
arav
@arav0
learning how apis work by making my own with express.js
https://scrapbook-into-the-redwoods.s3.amazonaws.com/d07fefd9-7623-4ee6-8292-3384aed24371-image.png
js emoji
sampoder
@sampoder0
🇨🇦 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
@ZaynB0
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
@ZaynB0
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
@abby0
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
@jzaleta0
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
goose-honk-technologist emoji
nextjs emoji
spring-of-making emoji
github emoji
js emoji
jzaleta
@jzaleta0
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 = () =&gt; {
    import('js-confetti').then(({ default: Confetti }) =&gt; {
      const confetti = new Confetti()
      confetti.addConfetti({
        emojis: ['🎮', '👾', '🕹️', '💻', '📸', '🎧', '🎨', '🪽']
      })
    })
  }

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

function Image({ src, text }) {
  return (
    &lt;div className={styles.photo}&gt;
      &lt;img src={src} width="auto" /&gt;
      &lt;p&gt;{text}&lt;/p&gt;
    &lt;/div&gt;
  )
}

export default function PhotoGallery() {
  useEffect(() =&gt; {}, [])
  return (
    &lt;div className={styles.photoGallery}&gt;
      &lt;div className={styles.photos}&gt;
This was very fun to work with, and definitely I need to properly learn Next.js on the future. :salute:
jzaleta
@jzaleta0
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
@Cheru0
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
@jzaleta0
*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
@jzaleta0
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
@jzaleta0
: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
@sonicx1800
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
@karmanyaahm0
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
@karmanyaahm0
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
@ThomasStubblefield0
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
spring-of-making emoji
js 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
@sonicx1800
https://scrapbook-into-the-redwoods.s3.amazonaws.com/584f42fc-7832-48f8-bf36-2fcfcc2a6a0a-image.png
current-replit emoji
js emoji
python emoji