@ella7+i worked on a small project and deployed to vercel :yay: first time using Next.js
@swlittle70Compiling GNU coreutils on kernel 2.x in a webbrowser emulated in JS
@sampoder7+continuing the theme of making things for innovation week: we’re making a QR code garden in the school staircase! it’s going to be full of qr codes to hopefully make people intrigued
when you scan the qr code, you’ll either get a quiz (where you can win house points!), a link to an instagram filter, an emoji guessing game, a meme, a riddle or a riddle (forked from lachlan’s SoM ideas page)!
here are some samples:
i’m especially proud of the quiz one. it was my first time using cookies (which ngl are super cool) and basically it creates a cookie so you can only redeem the house points once! uses next.js + airtable (but you probs already guessed that!)
also geopattern is really cool, each page has a unique bg!
oh and one more thing: if you are super super lucky you win a free :github: t-shirt :flying_money_with_wings:
decided I’m going to spend a week going back over the js projects I’ve built (a stopwatch and a memory game) and just tinker w them until I finally understand what queryselector is ..... I didn’t code today but i did go sledding w a friend yesterday
@BenjaminSmith0Had to modify my masonry component to use client side JS because I couldn't find a cross platform CSS solution
@pranavnt0Working on a building a minimalistic markdown blogging platform I made in Next.js!
@jasonaa1This year I decided that I want to make a commit once every day ~to make my github look cool~ to develop my skills, so yesterday I started writing a script that would send me a text using Twilio if I haven't committed anything to GitHub on that day. It's kind of wacky since afaik i can only get my recent pushes, so if a given day has a push event, I assume there was a commit on that day too. This approach kinda works but there's always the possibility that a push can have commits that weren't made on that day, but I can't get the date of a commit. Or maybe I can and I just need to make more API requests. At this point it might be more efficient to use GitHub's GraphQL API so I can query for the exact data I need. here's the source if anyone's curious: jasonaa.me/g/api/tree/main/api/streaks/index.js
@ella7+I went to Sam’s and Khushraj’s workshop demos today :kahoot:
@pranavnt0I just finished v1 of my personal website built in Next.js!
@BenjaminSmith0I finished getting typescript to work well with GraphQL, added separate pages for projects, a nice 404 page, and a loading screen while Next.js is loading the next page
@sampoder7+I’m really proud that I worked this out!! Published smth on :npm:
@sampoder7+built a fun game! it’s called dance-x-factor:dancing-dino:
you scan the qr code (this is intended for tv screens around my school), it then starts the dancing, a tensorflow.js model (made using teachable) will then monitor your performance, then the x-factor judges (or what ever you call it i feel like there are 10 of the same shows) will give you the golden buzzer or the big red buzzer based on what the model felt
it’s not at all accurate but it’s fun!
try: dance1.innovweek.co (note: this is designed to only be used by one client so if multiple people use it 💥 )
this was a fun thing to make, tho it contained me dancing in a public library very quietly to train an ml model… have fun!! and ignore my 1am dancing
@sampoder7+made a rick rolling thing! you fill out the form and it gives you a call with the rick roll + a little ad for the event (read on)…. i made it with next.js and nexmo
the idea is that we’ll have these qr codes all over the school (we have permission, its going to be like cloudy with a chance of meatballs but qr codes instead of food)
ignore the fact that the screen recorder doesnt pick up the call sound, trust me it does work
@sampoder7+built a live drawing activity! it’s a live activity for events where attendees write basic commands to draw shapes on a large screen, it’s intended for absolute beginners (going to use at a school assembly in feb)
The attendees enter a terminal-like interface where they write commands inspired by p5.js, these are then checked and sent to the webpage at /live using Socket.io which then runs them on the p5.js canvas.
Try the attendee view: draw-innov-week.sampoder.com And the main screen view: draw-innov-week.sampoder.com/live
source @ github.com/sampoder/live-draw
@sampoder7+i made a newsletter for the new school magazine launching tomorrow! i used next.js, mdx and deployed on vercel! been a bit stressful putting it all together but proud of the end result: vantage-point.online:yay:
@sarthak0🚢 CHALLENGE SHIP 🚢
Aight I’m shipping a link shortener which is faster than @rishi’s if I remove the Airtable integration. Like @rishi’s, it supports additional parameters at the end of a link. It’s written in Next.js and just as easy to clone. Check it out at srtk.me/gh/srtk.me-v2! (that link is using the shortener)
coming soon: ip address tracking with location and other information
@horas0I want start make a portofolio website for my self with next.js and I haven't decided the css grid framework. Also I have my own reddit avatar (he's so handsome, isn't he?), I wonder if I can use it for my own web.
Anyway, can you recommend a good css grid framework to me?
@sampoder7+i worked out how to gain access to the image feeds of major traffic cameras around the island and built a dashboard for snooping around looking at each one: sg-traffic.now.sh….. these images are cool to watch over time, I might make something tomorrow for generating time-lapses from them :D
source @ github.com/sampoder/traffic-monitor …. I used next.js, who would have guessed?