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
Post 27talk-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
Post 26Podcastt 🎧: 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.
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
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
Post 22Verbatim 📝: 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.
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
Post 20Tether 📹: 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.
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
Post 18TickTack: 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
Post 17where-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
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
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
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
Post 13
Assembled my Sprig console and successfully played my game on it :)
Post 12To 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
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
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
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 😅
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
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!
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 :)
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
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
1.1 / 1
Finished my personal website (for now, at least)
shrysjain.github.io
