Vercel Posts – Hack Club Scrapbook

Posts tagged with :vercel:

This begins my side quest of getting Vercel swag... :vercel:

https://scrapbook-into-the-redwoods.s3.amazonaws.com/10bd3269-a7a0-4da5-90a1-0ff2060a42d8-screenshot_2023-04-03_at_8.13.17_pm.png

WHW! Fixed the 500 error on gramophone-502x.vercel.app/api/currently that Toby spotted :D

https://cloud-rh8q1t91s-hack-club-bot.vercel.app/0image__3_.png

Used Vercel’s @og-image package to generate images for the currently playing song that I can then display on the PyPortal (once I get it working). Try it out: gramophone-502x.vercel.app/api/currently!

https://cloud-ks3hkmmwx-hack-club-bot.vercel.app/0image__1_.png

https://cloud-qsidvv89t-hack-club-bot.vercel.app/0image__2_.png

Got some swag from Vercel!!!!!

https://cloud-ocwzeqqvt-hack-club-bot.vercel.app/0img_1976.jpg

https://cloud-5rpycznab-hack-club-bot.vercel.app/0img_1974.jpg

#w-of-the-day day 21 today was a good day, did some major work on winterlings and chatted a lot in #hack-night (ya'll should join too), also may have commit spammed the hc winter repo trying to fix markdown files :p just gotta finish the pop-up modal and i'm ready to sail this thing to the seas :D

https://cloud-i3tphrkil-hack-club-bot.vercel.app/0image.png

Today I selected the Dalle-2 images I'll use for the profile picture workshop! I generated them with the app some time ago. I also finished a V1 version of the code, but it stopped working because some errors on the package.json file :npm: . Also I made my own .gitignore file for this project!

https://cloud-l6y7d1002-hack-club-bot.vercel.app/0exploration-cabin.png

https://cloud-2y2fpa3kn-hack-club-bot.vercel.app/0forest-astronaut.png

https://cloud-ez9snnzl2-hack-club-bot.vercel.app/0grassland-robot.png

Working on getting conflict to support Vercel

https://cloud-no9teffvg-hack-club-bot.vercel.app/0image.png

#w-of-the-day day 9 but not really cause SCHOOOOOOL!!! :blob_sad: not much happened cause, you know, SCHOOL did some extra work on winterlings and did some coding problems cause why not i'm gonna have to decide whether i'm taking part in #hardware-party or not, doesn't help since apparently my finals will begin at the same period of building the items :confuse:

https://cloud-6mjzlrcfz-hack-club-bot.vercel.app/0image.png

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.

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

Yo, it's been a minute. Been busy with some school stuff, made this quick website for one of my government class projects. We had to research supreme court cases our teacher gave us. (I got Mapp v. Ohio) mappvohio.vercel.app/posts/mappVOhio here's a screenshot 🤠

https://cloud-72otrxds8-hack-club-bot.vercel.app/0image.png

Day 3 of #10-days-in-public! Added some images to fill up the empty space; I think it looks better now :partyparrot:. Next step will be making it responsive… Check out what I currently have 👉 lelandcs-v2.vercel.app

https://cloud-5feg36jim-hack-club-bot.vercel.app/0image.png

Thanks vercel!!! (For context: I got Vercel to send me a bunch of swag to hand out at :hackaustin-green-icon: !)

https://cloud-iu357dtmj-hack-club-bot.vercel.app/0img_2628.jpg

today, for my project i set up nextra.vercel.app for the documentation (github.com/substore/docs), and i setup a few GitHub workflows for our repo (really just linting/testing). i also got a logo designed recently for this project (not made from me though). day 1 #10-days-in-public

https://cloud-52x2mxwgm-hack-club-bot.vercel.app/0substore.png

working on something… :vercel: :partyparrot:

thanks vercel!!

https://cloud-7cxbpto6v-hack-club-bot.vercel.app/0image.png

Deployed :vercel: another Hack Club :hack-club: workshop! This was very interesting to work on.

https://cloud-he04kwp3k-hack-club-bot.vercel.app/0captura_de_pantalla_2022-09-17_a_la_s__20.08.36.png

even copilot knows that we’re giving vercel hats to all winners (and :vercel: :nextjs: :svelte: stickers for everyone!!)

https://cloud-1v53xi4uf-hack-club-bot.vercel.app/0img_20220913_154415376.jpg

https://cloud-8aw8f1qal-hack-club-bot.vercel.app/0image.png

https://cloud-kmtps02nw-hack-club-bot.vercel.app/0img_20220913_154153406.jpg

Today I learned more about Nix :nix: thanks to @tejasag! I have a better understanding now about nixOS, nixpkgs 🗃️ home-manager 🏡 nix-darwin 🐠 and other things! I have a better idea too on how this kind of dotfiles works.:parrot-nix: As well I'm finally working on my website again! I never finished last design so this is going to count towards my first version! 🌐 Also yesterday I managed to de-cypher 🔓 and enter Hack Club :hack-club: 2022 summer event :tw_bridge_at_night: website! It was so much fun and a very interesting project! I learn a lot of things from this like OpenSSL! :cat-on-the-laptop: :tw_unlock:Lastly, somehow I saw Vercel's 404 :sadmac: page for the first time while checking my projects dashboard. :vercel: :sphere:

https://cloud-dymbgd9w3-hack-club-bot.vercel.app/0captura_de_pantalla_2022-06-17_a_la_s__23.58.25.png

https://cloud-7kanur96d-hack-club-bot.vercel.app/0captura_de_pantalla_2022-06-17_a_la_s__23.59.08.png

https://cloud-esvnj18bl-hack-club-bot.vercel.app/0nixos.png

Today I learned more on how to work with VScode! :vsc: I didn't knew :thinking: it was possible to open a terminal :macintosh-stcicker: on it! I tried as well to open the neofetch command and Vim :vim: on it and my Splatter Paint 🎨 project files! Today I also worked again on details for two new Hack Club :hack-club: PR! :pr: The first one is to add Scrapbook to the GitHub :github: README and the second is my Workshop translation guide! :mexicoparrot: All of this are from ideas talked with @jessicard yesterday, thanks a lot for guiding me and reviewing my work! :yay: Lastly for today, I kept studying for my Biology Exam! 🦠 🔬

https://cloud-82syjxkzn-hack-club-bot.vercel.app/0vscode.png

you can now deploy conflict to vercel! :conflict: :vercel: only issue is that you just get this generic debug response

https://cloud-2jltuj4gr-hack-club-bot.vercel.app/0image.png

My Discord bot framework :conflict: will soon support deploying bots to :vercel: Vercel!

https://cloud-9gz5qktkq-hack-club-bot.vercel.app/0image.png

Today I worked on my next workshop: Acoustic Galaxy! 🌌 🌆 This is a project that comes from Hack Club's :hack-club: P5.js :javascript: Sound 🔉 Visualizer by @matthew! Thanks for all the help! :quad_parrot: It's very cool, I learned many awesome coding things and I debugged too 🐛 :dino-debugging: , as well I deployed the project to Vercel! :vercel: acousticgalaxy.vercel.app. And here's the repo! :github: :pullrequest: github.com/J-cordz/Acoustic-Galaxy :parrotdad:

https://cloud-1kepcculp-hack-club-bot.vercel.app/0acoustic-galaxy.png

https://cloud-vga4s3v4b-hack-club-bot.vercel.app/0captura_de_pantalla_2022-05-12_a_la_s__22.40.11.png

https://cloud-8cckrxovo-hack-club-bot.vercel.app/0acoustic-galaxy-deploy.png

FIRST SHIP EVER!!! 🚢 :quad_parrot: 🎉 Hello everyone, today I can finally and very happily say that I have made my first ship! And not just one, but 2 in 1! 🥇 So let's get started! :parrotdad: The first thing I'm shipping right now is my Splatter Paint 🎨 project made with Paper.js :javascript: This is a HTML Canvas which lets the user draw circles with different sizes and colors and a linear path 🖊️ as well. My code is hosted on my GitHub Account :github: and it's deployed using Vercel! :vercel: This is as well the first project on which I use it, and I must say it's very cool to use! Thanks to all of this, I can say that this project helped me to understand better how JavaScript works, how to write awesome :cooll-dino: READMEs and how to deploy with Vercel. 🗃️ So the second thing I did is a great CSS :css: Customization to my #scrapbook :hack-club: profile! (This is also the first time I'm posting to it outside of the channel itself). I did it a few days ago as you can see it on my Scrapbook posts, but I was told to ship this as well! This features a custom background with a texture, gradients, the application of elements like :before and :after , some cool borders and a great animation! From this I learned how to get better at design and with CSS. To all of this I'm attaching some pictures 📸 of the projects and the links! 🔗 🌐 github.com/J-cordz/Splatter-Paint :github: splatterpaint.vercel.app 🔗 gist.github.com/J-cordz/e9d92b3b5cba0e35ed6ec830d1a2b0b2 :github: That's all for today, feel free to ⭐ any of the projects or follow me if you like and see y'all later with the next Ship!! Wahoo!

https://cloud-f5hk0hox0-hack-club-bot.vercel.app/0vercel-deploy.png

https://cloud-i3iajvxkk-hack-club-bot.vercel.app/0splatter-paint-readme.png

https://cloud-ai2m0ds91-hack-club-bot.vercel.app/0captura_de_pantalla_2022-05-08_a_la_s__16.39.21.png

https://cloud-krww35t2z-hack-club-bot.vercel.app/0final-canvas.png

Today I added a small new thing to Splatter Paint! 🎨 As well I had some cool :cooll-dino: :blob-cool: conversations on the slack :slack: like every day :D this time about plants with @ced and others! Here's some pictures of the evening 🌆. Also I downloaded LDtk, which is a 2D Level Design Toolkit! 🎮 I'm also working on a ASCII project about frogs/amphibians. 🐸 Sadly :sadge: I still couldn't went to the movies 🍿 to watch Dr. Strange :drstrange: so I'll have to wait more and my ISP is now blocking Vercel :vercel: even with 1.1.1.1 and others DNS Providers I tried, so I will be setting up a project of my own to try to solve this and as well use @BenjaminSmith server with Outline VPN! 🌐 :wireguard:

https://cloud-8hv3mpt7g-hack-club-bot.vercel.app/0sansevieria-plant.jpg

https://cloud-nj5ls8gst-hack-club-bot.vercel.app/0outline.png

https://cloud-755pbuv5t-hack-club-bot.vercel.app/0img_20220507_195804.jpg

https://cloud-qixtv885i-hack-club-bot.vercel.app/0img_20220507_195607.jpg

https://cloud-j3ze5rm5x-hack-club-bot.vercel.app/0screenshot_20220507_225337.jpg

https://cloud-dp7x5vs6v-hack-club-bot.vercel.app/0img_20220507_195529.jpg

https://cloud-doudn6d2j-hack-club-bot.vercel.app/0img_20220507_203433.jpg

https://cloud-gpnz9b51k-hack-club-bot.vercel.app/0img_20220507_195507.jpg

I'm in the process of trying to learn Autodesk Inventor so I can design and print my own 3D parts for projects. Been looking for tutorials to follow online, and found this PDF. Completed the first challenge in it tonight! I'd like to figure out how to make the design process more elegant. I kept getting tripped up on trying to center lines using constraints, which I didn't see a button in Inventor for. My sketches are really messy for this, but I'm happy my final result at least looks like what it's supposed to!

My ISP 🌐 is still blocking Vercel :vercel: hosted websites, which means I can't access my Dashboard 💻 or anything else, so to solve this I learned more about DNS and did a setup with 1.1.1.1 ! It worked amazing. :quad_parrot: This is a DNS Service by Cloudflare :cloudflare: that helps to avoid this kind of issues. As well I learned more about VPN protocols, cloud ☁️ :cloud-thoughts-head-full: based VM's and web sockets! 🕸️ Lastly, here's a picture of how my Scrapbook :hack-club: with the new CSS :css: looks now on a computer! :macbook-air-space-gray-screen:

https://cloud-j1904gq2z-hack-club-bot.vercel.app/0captura_de_pantalla_2022-05-02_a_la_s__22.09.44.png

https://cloud-bnpf67m3w-hack-club-bot.vercel.app/0captura_de_pantalla_2022-05-02_a_la_s__22.07.54.png

https://cloud-h28lhzr18-hack-club-bot.vercel.app/0captura_de_pantalla_2022-05-02_a_la_s__22.08.38.png

Here's what I was talking about on my previous time! And it's that I deployed a project for the first time, and I decided to do it with Vercel! :vercel: It's so fast and easy to setup, this is my Paper.js :javascript: canvas, now available both on my GitHub :github: github.com/J-cordz/Splatter-Paint and on it's own website! 🕸️ splatter-paint.vercel.app, next step with this is to add more information to the README and then move to the next :hack-club: workshop! This was useful to understand better how to properly setup a project and have a fun time with code! 💻

https://cloud-bds9spcwn-hack-club-bot.vercel.app/0captura_de_pantalla_2022-04-20_a_la_s__22.23.21.png

https://cloud-7iit9vsb2-hack-club-bot.vercel.app/0vercel-deploy.png

Cloned @sarthak Perfect files on GitHub, and worked on a site using Vercel/NextJS. Thanks @abby for the slideshow tutorial!

https://cloud-cugmrid25-hack-club-bot.vercel.app/0screen_shot_2022-04-07_at_1.16.51_pm.png

This week I’m going to an FRC competition and going to be leading my old team’s scouting. I made a link tree for quick links. I know the links don’t fully work as I haven’t finished making the forms. I followed Steph.js’s tutorial! Here’s the link: cada2022-link.vercel.app!

https://cloud-augedumiz-hack-club-bot.vercel.app/0screen_shot_2022-03-21_at_7.26.11_pm.png

:conflict: Working more on the website! conflict-website-v2.vercel.app Today I did some more stuff with eslint and next.js which is cool. I also learned that the alt text of an image gets copied when you select it with other text.

https://cloud-9u5lqvaze-hack-club-bot.vercel.app/0image.png

Finished my weekly coding project and deployed it on vercel

https://cloud-n4qobt1fx-hack-club-bot.vercel.app/0screen_shot_2022-02-26_at_6.52.55_am.png

Finished all major functionality of my Material You-inspired dashboard for my work! Super happy with the results. It's built in Vue 3/Vite and uses a MySQL server for the database. DB connections are managed with Vercel Serverless functions. This screenshot shows the admin panel (in light mode) where you can add and edit sites. Open-source, of course: github.com/micahlt/epicdash

https://cloud-5ibx76l8u-hack-club-bot.vercel.app/0image.png

Working on my url shortening service! Starting with Nextjs 12's new Edge functions and redis, but plan to go even further and try to make it distributed highly scalable with no collision guaranteed! PS. I don't know which domain to use, lmk if ya have a short url and can lend a subdomain xD

https://cloud-mudwlkkhg-hack-club-bot.vercel.app/0image.png

Since vercel removed its 50 domain limit for pro accounts and also has a new api endpoint for delegating subdomains, I made a bunch of pull requests to try to make vercel managed custom domains work for scrapbook! So now if you run /scrappy-setdomain, you should be able to set a custom domain, even if the domain is managed by vercel :yay:

https://cloud-20ytvfhzu-hack-club-bot.vercel.app/0screen_shot_2022-01-28_at_9.40.54_pm.png

Today I successfully finished my Facebook post mass deletion webapp (written in Vue 3 and Vercel serverless functions) for work! It makes managing multiple business pages much easier than the official Facebook Business Manager does.

https://cloud-5mue5lbuw-hack-club-bot.vercel.app/0image.png

Here's my code in the dark submission (citd.vercel.app). tried to recreate hackclub.com/slack in 30 mins xD. It was really fun, didn't know I could still write vanilla html css, and speed coding is nice.

https://cloud-xfgmyxe4k-hack-club-bot.vercel.app/0image.png

Today I joined a Hack Club event! Although I didn't had the opportunity to stay the full event, it was a nice experience, recently I also setup up my Vercel Account :vercel: for hosting my open source projects but I forgot to mention it before!

https://cloud-p3hs83n2o-hack-club-bot.vercel.app/0captura_de_pantalla_2022-01-09_a_la_s__11.55.21_p.m..png

since i shipped the purdue hackers events site last month, it has lived without any social cards. today i forked vercel/og-image and adapted it for purdue hackers! now every event has a dynamic social card and we can easily create more for other parts of our website :partyparrot: og.purduehackers.com

https://cloud-gxdmohtho-hack-club-bot.vercel.app/0screen_shot_2021-12-26_at_11.25.43_pm.png

So today, it looks like Vercel hosted sites are allowed again on my internet, which was very odd on the first place why they got blocked, anyways, today I worked on my projects, my workshop translation an read a few things about Vue and Nuxt.js as alternatives to React and Next.js, so I will be deciding this days on what to focus to learn better next!

https://cloud-9prjgexc4-hack-club-bot.vercel.app/0captura_de_pantalla_2021-12-14_a_la_s__11.55.48_p.m..png

https://cloud-bcfe64ldg-hack-club-bot.vercel.app/0captura_de_pantalla_2021-12-14_a_la_s__11.59.24_p.m..png

Today I worked again on translating the next Hack Club workshop, started setting up again a CSS customization for my scrapbook and check a bit of React and Next.js which I will be learning in order to use them on my projects! Also started considering Vercel as a deploy choice to some of my projects as an addition to Netlify, which I will be also using with some of them later on.

https://cloud-pszvi2d4p-hack-club-bot.vercel.app/0captura_de_pantalla_2021-12-11_a_la_s__11.59.41_p.m..png

I rewrote @matthew's serverless Airtable-based link shortener to use Vercel's brand new Edge Functions, which run on CloudFlare Workers geographically close to you, so they're way faster. Try it out: go.lachlanjc.com/scrapbook (source code: github.com/lachlanjc/abls-edge)

https://cloud-7jayjesyx-hack-club-bot.vercel.app/0cleanshot_2021-11-15_at_00.05.37_2x.png

After seeing unocss at the call with anthony fu, I decided to create a plugin similar to tailwind themes, but for unocss! So I made unocss themes, a variant generator for creating variants for multiple color themes. It allows you to add multiple color themes to a website, and supports attributify mode too! Check out the demo here: unocssthemes.vercel.app (code here).

https://cloud-27ccsxpl6-hack-club-bot.vercel.app/0image.png

I made a website to scan URLs for rickrolls so you never have to land on one ever again. is-it-a-rickroll.vercel.app

https://cloud-c7haqq0uv-hack-club-bot.vercel.app/0image.png

made uwudaily.vercel.app with @ella and @sampoder for the supabase hackathon!

WOOOT today's hackclub meet was super fun (22 people!), we wen't over how open source works, why it exists, AND CASHED IN ON SWEET HACKTOBERFEST SWAGGGG we all made PR's to this repo to learn how it works github.com/neelr/DVHacktoberfest and you can check out the final website over here dvhacktoberfest.vercel.app super fun, 10/10 would do again

https://cloud-3laptyvfv-hack-club-bot.vercel.app/0image.png

rainbow spotlight effect on dinooos.vercel.app :‍D

Hack the north was this weekend, which meant it was time to build—build something big. This all started off as a platform to yell at people. No, seriously. In Global Politics class, we were introduced to the world of politics that we live in, and well, the propaganda and complexity for democracy shocked us. Articles are long, politics are complex, social issues are widespread, and ranting to friends leads to nowhere. We wanted to build a better way to learn—to clear the mist by alleviating false and opinionated facts through a gamified system. And that’s what Diplomatica is for, bringing the truth to everyone. The platform is broken down into scraping relevant and desired articles, summarizing them with our AI models, and a decentralized debate platform to spark thought-provoking conversations and to compete with your friends. A like on devpost, or a star on github, would be greatly appreciated :partyparrot: Open Sourced @ github.com/Diplomatica-HTN Live @ diplomatica.vercel.app Devpost @ devpost.com/software/diplomatica Hope You Enjoy, Toodleoo! @pateljaival05 @sandhu.s.veer

https://cloud-f7iybxwje-hack-club-bot.vercel.app/0what.png

https://cloud-7xqtni7zh-hack-club-bot.vercel.app/0intro.png

https://cloud-qp74xyg4b-hack-club-bot.vercel.app/0slogan.png

https://cloud-juk7sdjwr-hack-club-bot.vercel.app/0techstack.png