@ShreyasJain – Hack Club Scrapbook

Sat, Aug 31

Post 28 🏎️ RaceCraft: An engaging simulation tool that allows users to create and simulate races with custom teams, drivers, and circuits. By leveraging dynamic race simulation and interactive visualizations, RaceCraft offers an immersive experience for motorsport enthusiasts and data lovers alike. Features • Race Simulation: Simulate races by selecting drivers, circuits, and starting lineups. View simulated results with positions and points. • Leaderboard: Display a sorted leaderboard showing driver positions and points based on race results. • Timelapse Visualization: Watch a timelapse of drivers' positions on the circuit throughout the race. • Dynamic Updates: Experience real-time race updates with random elements like crashes and upsets to enhance the excitement. • Responsive Design: Fully functional and visually appealing across all devices and screen sizes. Note: RaceCraft is not yet currently complete. Some features may be broken or imperfect. Currently working features include: • Driver selection • Circuit selection • Team selection • Race simulation • Leaderboard display Try it out @ race-craft.vercel.app Open source @ github.com/shrysjain/racecraft

https://imgutil.s3.us-east-2.amazonaws.com/20e0d7ed08d1f0a2893f96e402f0ec128dac510f5a8f428afface31b0d701680/65f42c62-938e-4e70-9088-c016173e68f6.png

Fri, Aug 23

Post 27 talk-to-the-https: An innovative tool that transforms any article into an interactive conversational experience. By simply prepending <http://ttthttps.vercel.app/|ttthttps.vercel.app/> to any article's URL, users can engage with an AI chatbot that answers questions and discusses the content in real time. Enhance your reading experience with dynamic, AI-powered conversations! Features • AI Chatbot Interface: Seamlessly integrates with any article for real-time Q&A and discussion. • Contextual Understanding: Provides relevant responses based on the content of the article. • Easy Integration: Just prepend <http://ttthttps.vercel.app/|ttthttps.vercel.app/> to any article URL to start chatting. • Intuitive Design: User-friendly interface for a smooth and engaging experience. Try it out @ <https:ttthttps.vercel.app/|ttthttps.vercel.app> or just prepend <http://ttthttps.vercel.app/|ttthttps.vercel.app/> to any website's URL! Check out the code @ github.com/shrysjain/talk-to-the-https

https://imgutil.s3.us-east-2.amazonaws.com/bf7cfe97af3d28d59867fdf2f7e99970916d03b302e473fb026399a15e32c09d/ae064ac7-5306-473a-8935-9faaa90641ce.png

Wed, Aug 21

Post 26 Podcastt 🎧: An open-source AI-powered podcast creation and discovery platform built with Next.js and Convex So far, I've implemented these key features: • Secure authentication • Podcast creation • AI voiceover generation • AI thumbnail generation Upcoming features include: • Discover podcasts • Home page • Profile page Check it out @ podcastt.vercel.app Open source @ github.com/shrysjain/podcastt Authentication powered by Clerk, some components bootstrapped from shadcn/ui AI functionalities provided by OpenAI. Implementation inspired by jsm.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/94e2da62-fd96-4591-bd8a-49bb429029b1-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/27a3a27c-45c7-40db-9db1-6269d1d5f15a-image.png

https://imgutil.s3.us-east-2.amazonaws.com/c1fc8d6710e2a13b867adb389ae5303acd79630e690aecda3421ce49a7b20675/2f13f966-d54d-4554-b5b4-29a822416a79.png

Sun, Aug 18

Post 25 Wrote a Node.js script to automatically start Hack Club Arcade sessions when you do not have internet access (such as when you are on a flight) I haven't actually tested it on a flight but in theory it should work Basically, it starts sessions every 75 minutes beginning 30 minutes after your departure, and keeps doing so until you land. If the API is down, it will keep trying every 5 minutes until it is back up. Check it out @ gist.github.com/shrysjain/0dfc8e009e7dfc2bf5b77b885d444b78

https://imgutil.s3.us-east-2.amazonaws.com/3805d297c498e93dc92bd3064322b192861ba99ef51d04585cb781f025743578/f7ceb55c-0d90-48e9-bdfa-eb9d6acd0347.png

Fri, Aug 9

Post 24 I made a an application to allow users to compete head-to-head in Arcade The application is meant to provide motivation for those who would like a friendly competition with their peers, not promote unhealthy and toxic competition :) Try it out @ arcade-h2h.vercel.app. All you need is both user's arcade API key, which you can obtain by running /api in the Slack Open source @ github.com/shrysjain/arcade-h2h

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0967ce93-0482-41a9-b391-4db0505fb0f9-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b8c8c8f8-b645-4025-a418-49ebef681984-image.png

https://imgutil.s3.us-east-2.amazonaws.com/3d0e052c2c98d695176a99d842aa62651c219eef4dfa51a0b6518bd0cf7384a9/da94cc67-f77e-4669-95b9-c74db98d53ca.png

Thu, Aug 1

Post 23 I made a PCB business card (hackercard) for my first time doing anything PCB-design related github.com/shrysjain/hackercard github.com/hackclub/OnBoard/pull/895

https://scrapbook-into-the-redwoods.s3.amazonaws.com/7f196f94-b8f4-4767-a4c2-a36b0337341c-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b5b555b1-5946-4607-8cd0-0304268168f2-image.png

https://imgutil.s3.us-east-2.amazonaws.com/151a07c3454475bf70a4c9ab26aea328adc44f610dbae99a3811a75f9cd8b8c1/a69ba270-49a0-48dd-a1e8-a2d21c9769fd.png

Thu, Aug 1

Post 22 Verbatim 📝: A secure and open-source realtime collaborative document editing application fully on the web. Features • Authentication • Collaborative Text Editor • Documents Management ◦ Create Documents ◦ Delete Documents ◦ Share Documents ◦ List Documents • Comments • Active Collaborators on Text Editor • Notifications • Responsive Check it out @ verbatimdocs.vercel.app Open source @ github.com/shrysjain/verbatim Authentication powered by Clerk, realtime collaborative features powered by Liveblocks, some components boostrapped from shadcn/ui library, and implementation inspired by jsm.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/fa62b86a-c106-4092-8f00-92e18f1758ed-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/4cb51851-85c7-4c9d-9eb4-5c57b660b11c-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/480e364e-f50a-4c97-bf1f-a5de79daac9b-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/e9fc4f39-cea0-4e59-a867-39a497174600-image.png

https://imgutil.s3.us-east-2.amazonaws.com/05df6faff3c7d27157bdec7fe811a20dadd17082b1c7ad026ab6300618049fec/737823a6-cb0c-4821-a538-20f240b2b255.png

Mon, Jul 22

Post 21 📝 Markright: A lightweight real-time editor and viewer for Markdown files. This project allows you to write and preview Markdown documents simultaneously, providing a seamless writing experience. It's perfect for creating README files, documentation, blog posts, or any content that uses Markdown Features • Live Preview: See your Markdown rendered in real-time as you type. • Syntax Highlighting: Enjoy a clean and readable editing experience with syntax highlighting. • Responsive Design: Use the editor on any device, whether it's a desktop, tablet, or mobile. Check it out @ github.com/shrysjain/markright

https://scrapbook-into-the-redwoods.s3.amazonaws.com/9f4f674e-905e-40b5-a677-822a23d47b77-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/ec44678d-71e4-45fb-a1c5-a263bead3ff7.png

Fri, Jul 19

Post 20 Tether 📹: A comprehensive video conferencing platform designed for seamless, secure, and versatile online meetings. With features such as real-time interactions, advanced meeting controls, and responsive design, Tether provides an optimal user experience across devices. Features: • Authentication • Meeting creation • Meeting controls • Meeting scheduling • View past meetings • Personal meeting room • Record and view recordings Check it out @ tethervc.vercel.app Open source @ github.com/shrysjain/tether Authentication provided by Clerk and video conferencing provided by Stream. Implementation inspired by jsmastery.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/42ec0c96-bd90-468f-ba18-336ff9ca3ac3-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ac83b5c2-eedb-4eff-b761-2a56f10227f2-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/13983430-60b6-45df-9313-35920831af49.png

Tue, Jul 16

Post 19 Noisy: Securely encode files into images, preserving extensions, and compress any size file into seemingly meaningless noise Features • File Encryption: Encrypts files using AES-256 encryption before encoding into a noise image. • Noise Image Encoding: Converts encrypted files into noise images with variable intensity. • File Decryption: Decodes noise images back into their original files while preserving file extensions. • Metadata Handling: Stores and retrieves file extensions from image metadata to ensure accurate file recovery. • Scalability: Capable of handling files of any size by dynamically adjusting noise image dimensions. Attached is the UI and an example of an encoded file (this one is the entirety of The Odyssey by Homer!) Check it out @ github.com/shrysjain/noisy

https://scrapbook-into-the-redwoods.s3.amazonaws.com/d98c3b1b-7eaa-4267-a1a5-d5cb597a4bbe-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/64d1a2f0-c2a1-48bd-a064-766d7e8d20fe-odyssey_encoded.png

Mon, Jul 15

Post 18 TickTack: A streamlined issue management app designed for agile teams. Effortlessly track, manage, and resolve issues with our intuitive interface, ensuring your projects stay on course and your team remains productive. Built with Next.js. Check it out & run your own instance @ github.com/shrysjain/ticktack

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c71873ac-c2ee-403c-bdbd-dace7ad080f2-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1be4d086-b6c1-41fa-9709-0982397c6494-image.png

https://imgutil.s3.us-east-2.amazonaws.com/8a08019ac32b46081b3ca269fccace29f379f990dbe55f3bc9ab0c5c817670b0/8517c870-8664-46f1-9fb7-28bc5615e751.png

Fri, Jul 12

Post 17 where-is A command-line tool designed to help you find files and directories efficiently. It provides a range of features to enhance your file search capabilities directly from the terminal Installation is available with homebrew or running your instance- all instructions @ github.com/shrysjain/where-is

https://scrapbook-into-the-redwoods.s3.amazonaws.com/5e9009dc-25c9-4c58-ba96-29d4b33adcae-image.png

https://imgutil.s3.us-east-2.amazonaws.com/582527d03b380ca194643c9e86a48e692156cbdb6a8f97ef56a843c32a594dd3/1c26d0fc-d330-4e2d-8ad4-7e51d3fb84d0.png

Thu, Jul 11

Post 16 🎥 Moviefy 🎵 Moviefy is a web application that allows users to search for movies and automagically generate a Spotify playlist with the movie's soundtrack. The application leverages the OMDb and TMDb APIs for movie data and the Spotify API for creating playlists. Key Features • Integrated Client/Server: Seamless communication between the React/Next.js frontend and Node.js/Express backend. • Working Endpoints: Fully functional endpoints for searching movies and handling Spotify authentication. • Movie Searching: Search for movies using the OMDb API & JSON queries. • Spotify OAuth: Authenticate with Spotify to create and manage playlists. Work In Progress Features • Fetching Soundtrack: Retrieve the soundtrack of a movie (currently a work in progress). • Creating Playlist: Automatically create a Spotify playlist with the retrieved soundtrack (currently a work in progress). Check it out @ github.com/shrysjain/moviefy

https://scrapbook-into-the-redwoods.s3.amazonaws.com/5ac18d0d-cb7b-4c49-96f3-db5f0411660b-image.png

https://imgutil.s3.us-east-2.amazonaws.com/3c9bd2743514db756304ff282d101f5ec2d616fcaae9c77103d67179270cef37/11e1a612-619a-42f5-a702-9fcb9b89ecc9.png

Wed, Jul 10

Post 15 Papaya: A collaborative notes application built with TypeScript, JWT/Bcrypt, Express, Prisma, and PostgreSQL. It allows users to register, log in, create, update, delete, and share notes with other users. Users can also manage their profiles, update passwords, and search for notes. Check out the server and detailed documentation @ github.com/shrysjain/papaya

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ea32773c-260b-4a13-944c-05e6e561765a-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/662edc2d-bfa6-4d56-a3a9-ba8623ad1b6c.png

Wed, Jul 10

Post 14 Timegaze: A live, interactive web application that displays a digital clock against a backdrop that changes between various backgrounds sourced from Unsplash (like a scerensaver!) Check it out @ timegaze.vercel.app Open source @ github.com/shrysjain/timegaze

https://scrapbook-into-the-redwoods.s3.amazonaws.com/fb53e8a6-2bc2-4af0-9f98-e2ab3da6c44d-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/a36467b4-1409-41c2-a15a-2f60967ac540-image.png

https://imgutil.s3.us-east-2.amazonaws.com/6449ec3c87e78933611fbf5f68b0a98f327325d10c085d1d3c8d46c0aa415c7f/192ce867-2696-4bcd-ac3d-92e9c99a4b64.png

Sun, Jul 7

Post 13 Assembled my Sprig console and successfully played my game on it :)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/a0c84876-583d-423d-8cd9-ddf460e8f69f-img_8192.jpg

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8c139c49-b753-40e0-be9a-9149d49e3653-img_8191.jpg

Tue, Jul 2

Post 12 To Don't 🚫 A unique to-do list application that helps you keep track of things you should avoid doing. Instead of focusing on tasks to complete, To Don't reminds you of the habits, mistakes, or activities you want to steer clear of. This reverse approach to productivity helps you stay mindful of your goals and maintain better habits Check it out and run an instance @ github.com/shrysjain/to-dont

https://scrapbook-into-the-redwoods.s3.amazonaws.com/7ef8dffe-75c7-408b-b836-7edcc0cc658b-todont.png

https://imgutil.s3.us-east-2.amazonaws.com/c8031109d8cae958f150750ef822eb8f1e6fd3dffbfa540611cb9c8890226409/03f4a405-e6f9-4442-916a-5c4a1389d634.png

Mon, Jul 1

Post 11 Introducing: Cosmo 🚀 Cosmo is a versatile Discord bot designed for astronomy enthusiasts and learners. It provides real-time information about celestial objects and bodies, satellites and stations, and space facts. With commands powered by various APIs, Cosmo enriches your Discord server with educational content and interactive features related to space exploration ❗Try it out @ dsc.gg/add-cosmo❗ Check out the source code @ github.com/shrysjain/cosmo

https://imgutil.s3.us-east-2.amazonaws.com/fd5daf4cc4569214cd87e650d89285a0aac548020f1d6734eaffa8b0add2160e/ed300caf-42a8-4f9f-a4f8-8c0325f13761.png

Sun, Jun 30

Post 10 Finally added support for Safari for my extension, Fontastic Chaos: A browser extension to randomize the font size of every element on every webpage you visit Safari is not Chromium based and does not use the WebExtensions API to handle browser extensions. Thus, the installation process is more complicated and less reliable. I recommend using Google Chrome, or one of the other supported browsers Check it out @ github.com/shrysjain/fontastic-chaos If you run into issues, please open an issue on this repository, but please note that development of the Safari environment is not a priority for Fontastic Chaos

https://scrapbook-into-the-redwoods.s3.amazonaws.com/9c74e76b-e26b-410a-b0bf-cc3c76a34d31-image.png

https://imgutil.s3.us-east-2.amazonaws.com/2e6a0752d48c345dcd2233b1047fd7d68622b8de6a4b64e82818d06b9a35d410/67d15d1c-dbef-465c-bb3b-9ae9c8dbeb49.png

Sun, Jun 30

Post 9 Added support for Firefox, Edge, Opera, and Brave browsers for my extension, Fontastic Chaos: A browser extension to randomize the font size of every element on every webpage you visit These web browsers all use the WebExtensions API, so this extension was ported over to each (from Chrome) with minimal changes. It was a little bit of tedious work but not much challenge Check it out @ github.com/shrysjain/fontastic-chaos If you run into issues on one of the new extensions, please open an issue on this repository Next up: Safari 😅

https://scrapbook-into-the-redwoods.s3.amazonaws.com/e2507680-74d9-460a-ae8b-3cf79d132d09-image.png

https://imgutil.s3.us-east-2.amazonaws.com/1c5c60c9a34a6a46b5811cb2ae92d7cc9ca75239a9c64c2749e2d4a425dfd263/43113045-4971-48bc-91af-ac3c68ea6ba4.png

Sat, Jun 29

Post 8 Fontastic Chaos: A chrome extension to randomize the font size of every element on every webpage you visit! This extension was created as a fun dare from Bug Eater on Arcade (check the bottom of the README) Check it out and try the extension @ github.com/shrysjain/fontastic-chaos

https://scrapbook-into-the-redwoods.s3.amazonaws.com/00c93d2e-b4bc-4486-8d10-aa6f6ff3e5e9-demonstration.png

https://imgutil.s3.us-east-2.amazonaws.com/1ecb6383224ad7818f6491099524afa2b1e5b8dbbee3830b27a1cac04095f414/d5afe274-b3b7-41ea-be2e-8b84d3019642.png

Fri, Jun 28

Post 7 Added support for international FIRST regions to my live FTC leaderboard! ❗ftc-leaderboard.vercel.app❗ open source @ github.com/shrysjain/ftc-leaderboard

https://scrapbook-into-the-redwoods.s3.amazonaws.com/4343c1ed-b612-4a14-acf6-4a2beccb94c8-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/115e1338-6b30-42ca-9c3a-ae0fbb946b86-image.png

https://imgutil.s3.us-east-2.amazonaws.com/16c5e4694af593a8ed339558f51a998e0add75b20bc2e27bf84dd4f7b2cd0446/c80c48e2-b3a5-4ae3-858e-d8c392dbcf04.png

Thu, Jun 27

Post 6 Added support for all FIRST regions in the US to my FTC live leaderboard! ❗ftc-leaderboard.vercel.app❗ open source @ github.com/shrysjain/ftc-leaderboard Next up, international regions 👀

https://imgutil.s3.us-east-2.amazonaws.com/e187e061574988523f734054b5cac598c8657024e12dcf7836a05db39847b9e5/b8db44b2-16bd-4bb4-8e46-511405a5cfbc.png

Wed, Jun 26

Post 5 Built and deployed a leaderboard showing the top 10 FIRST Tech Challenge match scores in the FIRST Chesapeake region! • Automatically updates with data from FTC Stats and The Orange Alliance • Built with Next.js + TailwindCSS • Click on a team number on the leaderboard to see more information fully open source @ github.com/shrysjain/ftc-chs-leaderboard :) ❗check it out @ ftc-chs-leaderboard.vercel.app❗ next step: expand to all FTC regions!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6deee614-a649-4a9b-990a-a53754d6eaf2-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/a601ab04-42f8-4153-8321-721171115684-image.png

https://imgutil.s3.us-east-2.amazonaws.com/b6086a10fe0f24ad2ccd6cf026b1e609aaebdd66cd7dc51cc74aae8c0913cb06/10602af2-3ddb-4d0d-950d-5bbe6d5d7696.png

Wed, Jun 26

Post 4 Space Adventures: A Platformer Game made with Sprig • 15 levels • space themed gameplay • custom splashtext see the code and/or play the game @ sprig.hackclub.com/share/M6gEEHDnXBvItN9443iR :)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6dc21c30-60de-4b1c-8f71-7a85d558ed97-image.png

https://imgutil.s3.us-east-2.amazonaws.com/e05c48f1970288c4d4291e878cb3f688814742a78d194a8c78c56075b82be43e/e54760b5-ad28-45f1-8b2d-d69b309b11f4.png

Tue, Jun 25

3.1 / 3 Blot Artwork: Seaside Serenity My artwork is an ocean scene consisting of many trigonometric and randomized patterns. The main features of the scene are the waves, the sun, and the clouds, each of which have variables which can be modified or randomized. For the waves, the frequency, phase shift, number of waves, and interval between the y-coordinates of each wave can be found in variables at the top and randomized with a randInRange(min, max) helper function which I wrote. For the sun, you can randomize the radius, and for the clouds you can randomize the size of each circle creating a cloud. The waves are sine waves drawn with startY + 3 * Math.sin(frequency * (x - startX) + phaseShift). I had a lot of fun working on this project and I can't wait to build a Blot machine and have my work drawn :) github.com/hackclub/blot/pull/584

https://scrapbook-into-the-redwoods.s3.amazonaws.com/fe9e85d8-2813-439e-bd96-6cf40372d8f7-snapshot3.png

https://imgutil.s3.us-east-2.amazonaws.com/129d4f0e5119f10017b7b30066915df5c15b7c4b4e11a4f05f029c7d9159eb5e/de75c225-f511-4562-8a86-ac5aabd74a16.png

Mon, Jun 24

2.1 / 2 view360: a simple 3d model viewer current features: • render gltf/glb models • move camera along all axes • allow users to upload models • take file and url input • reference controls in overlay • compatible with vr & 2d ar open source, of course :) deployed with github pages

https://scrapbook-into-the-redwoods.s3.amazonaws.com/526cb327-f3d4-4fd1-8d11-1a17dc28ec91-image.png

https://imgutil.s3.us-east-2.amazonaws.com/57041a16369a84c87ce40e7becd9acf852bea55e2b3ba2f7c37c3ede9c2d7de8/011fd8a0-e448-487e-9ea2-b2a72aedb1b0.png

Mon, Jun 24

1.1 / 1 Finished my personal website (for now, at least) shrysjain.github.io

https://scrapbook-into-the-redwoods.s3.amazonaws.com/da00a26d-0860-42eb-bb72-b72f36838ac4-image.png