Christian, Coder, Creator

github

devto

youtube

BestCodes (aka William Steele) • Peerlist Profile

OverMeNow is a cutting-edge application designed to provide users with real-time tracking of airplanes flying overhead. This innovative tool leverages advanced tracking technologies to deliver precise and up-to-date information about aircraft in your vicinity.Key features include real-time data updates, user-friendly interface, and comprehensive flight details. Whether you're an aviation enthusiast or simply curious about the planes above, OverMeNow offers a seamless experience to satisfy your curiosity. With its intuitive design, users can easily access flight data, aircraft types, and other statistics, making it an essential tool for anyone interested in aviation.

OverMeNow - Aircraft Tracker

Frontend Engineer

Big JSON Viewer is a powerful online tool designed to handle large JSON files with ease. This free application allows users to format, validate, and analyze massive JSON data directly in their browser. With an interactive tree view, users can search JSON keys and values, copy JSON paths for debugging API responses, and share JSON data via URL. Key features include JSON validation, formatting, and beautification, as well as the ability to upload JSON files for browser-based processing. The tool supports multiple languages, ensuring accessibility for a global audience. No registration is required, making it a convenient choice for developers looking to streamline their JSON data handling processes.

Big JSON - Online JSON Formatter & Validator

Think of FileRelay like Apple Airdrop, but a bit slower (due to WebRTC limitations 😅) and supported by Android, iOS, Linux, macOS, and Windows.FileRelay offers a seamless and efficient solution for sharing files quickly and without limitations. This platform is designed to cater to users who need to transfer large files without the hassle of size restrictions or slow upload speeds. FileRelay stands out by providing a fast, free, and unlimited file sharing experience, making it an ideal choice for both personal and professional use.<h3>Key Features</h3><ul><li>Unlimited File Sharing: Share files of any size without worrying about limitations.</li><li>High-Speed Transfers: Enjoy rapid upload and download speeds, ensuring your files are shared quickly.</li><li>User-Friendly Interface: Navigate the platform with ease, thanks to its intuitive design.</li><li>Secure Transfers: FileRelay uses WebRTC for secure sharing. Your files are transferred from peer to peer (one device to another), so they are never stored on a central server.</li></ul>FileRelay is also open-source on GitHub:<a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/The-Best-Codes/filerelay">https://github.com/The-Best-Codes/filerelay</a>

FileRelay

3D Printer Wars is an engaging, community-powered clicker war that pits two popular 3D printer brands (BambuLab and Prusa) against each other. This interactive game allows users to participate in a live battle, supporting their favorite brand by clicking to increase its score. It also has some simple power-ups built-in to the game.I used Convex + React to create the game. Stats are synced live across devices all over the world!

3D Printer Wars (BambuLab vs Prusa) Live Game

Full Stack Engineer | Product Builder | Scalable Applications & Cloud Systems | Startups | Innovation & Idea Explorer

0.1x Engineer.

WebTracker&nbsp;is a&nbsp;privacy-focused web analytics platform&nbsp;built with&nbsp;Next.js,&nbsp;PostgreSQL, and&nbsp;Drizzle ORM, designed to help website owners monitor traffic and user engagement without compromising visitor privacy. It provides&nbsp;device and source tracking, and&nbsp;performance metrics&nbsp;through a lightweight custom tracking script that works seamlessly with JavaScript and Next.js projects. WebTracker empowers users with&nbsp;intuitive dashboards,&nbsp;live visitor maps, and&nbsp;detailed traffic insights, all while ensuring compliance with modern data protection standards by avoiding cookie-based tracking. Here is the Repo URL: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/Avik-creator/webtracker">https://github.com/Avik-creator/webtracker</a>

WebTracker

Discraft is a modern, developer-friendly framework for building Discord bots with ease. It provides a robust CLI and a set of tools to streamline the development process, allowing you to focus on creating amazing bot experiences. Think of it as a “batteries-included” approach, letting you get started quickly and efficiently. It's like Next.js for Discord bots.Out of the box, Discraft supports TypeScript, JavaScript, and Vercel (TS) bots, with serverless AI and other templates to get you started. Discraft also supports production optimized builds, a hot reloading dev server, and standalone executables of your Discord bots.Looking for a Vercel Discord bot deployment guide?<a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://dev.to/best_codes/make-a-free-ai-chatbot-with-discord-vercel-373l">https://dev.to/best_codes/make-a-free-ai-chatbot-with-discord-vercel-373l</a>

Discraft

<h3>How to start:</h3><ul><li>Provide your Google AI API key (see processing notes below)</li><li>Upload a file</li><li>Viola! Your transcription appears super fast (using response streaming) 🥳</li></ul><h3>Features:</h3><ul><li>Lightning fast transcription speed ⚡</li><li>1500 free transcriptions per day 😱</li><li>AI custom instructions (example: “Don't include 'um' or 'uh'”)</li><li>The transcriber can handle files with up to 8 hours of audio 🔥</li><li><a target="_blank" rel="noopener noreferrer" class="text-green-500 rich-link break-all link-break" href="https://github.com/The-Best-Codes/audio-transcription-gemini">Open source on GitHub</a></li></ul><h3>How does it work?</h3>This free tool takes advantage of the multimodal capabilities of Gemini 2.0 Flash. Gemini 2.0 Flash can handle both text and audio input! Your API key is used to send requests to the Google API. It is stored locally in your browser and is never sent to our servers.<h3>Notes:</h3><ul><li>If you have a really long audio file, you might not get a full response, since the Google API limits the amount of tokens a model can generate in a single response.</li><li>MP3 files are recommended, but some other formats are supported.</li><li>Files larger than 25 MB will be compressed to fit within the Google API limitations. If your file is still 25 MB after compression, you can't submit it 🥹</li><li>The site does not use cookies 🍪</li></ul><h3>API Key Processing Notes</h3>When you provide your API key to the tool, it is saved locally in your browser (using local storage). It is used only to authenticate your API requests to Google; it is never sent to our servers, collected, or tracked in any way.You can remove your API key at any time by clicking the 'Reset API Key' button in the top right of the tool view, removing the key, and clicking 'Save'.If you are still uncertain, feel free to review the API key handling logic in the source code here:<a target="_blank" rel="noopener noreferrer" class="text-green-500 rich-link break-all link-break" href="https://github.com/The-Best-Codes/audio-transcription-gemini/blob/main/app/components/TranscriptionApp.tsx#L252">https://github.com/The-Best-Codes/audio-transcription-gemini/blob/main/app/components/TranscriptionApp.tsx#L252</a><h3>Happy Transcribing!</h3>

Free Audio Transcriber

Inspired by a similar project on one of Cassidy's Livestreams (twitch.tv/github), this app converts a video from dark mode to light mode using FFmpeg right in your browser!It uses FFmpeg and WASM, which allows the browser to run non-JS code client side.You can find the demo here:<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://video-dark2light.vercel.app/">https://video-dark2light.vercel.app/</a>And the project is open-source here, feel free to star and fork!<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://github.com/The-Best-Codes/video-dark2light-ffmpeg">https://github.com/The-Best-Codes/video-dark2light-ffmpeg</a>

Video Dark to Light Mode Converter

This is a simple New Year Countdown that works for any year! It has fireworks effects (when the countdown reaches 0) and a smooth number slider (you have to see it, I used NumberFlow for it).From a developer perspective, it is performant (I used Next.js), responsive, and simple.The code is open source here:<a target="_blank" rel="noopener noreferrer nofollow" class="break-all link-break text-gray-500 hover:underline text-green-500 rich-link" href="https://github.com/The-Best-Codes/bestcodes-react-site/tree/main/app/projects/new-year-countdown">https://github.com/The-Best-Codes/bestcodes-react-site/tree/main/app/projects/new-year-countdown</a>