Christian, Coder, Creator

github

devto

youtube

BestCodes (aka William Steele) • Peerlist Profile

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

Currently working as a Developer. Planning to become a farmer. @v0 Ambassador

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>