The latest articles on DEV Community by Keccak (@keccak). https://dev.to/keccak https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3068696%2F709b6ab3-adc0-427c-8756-3279772ee4fd.jpg https://dev.to/keccak en Keccak Sun, 20 Apr 2025 15:38:14 +0000 https://dev.to/keccak/how-i-built-chessapp-a-web-platform-to-search-fide-chesscom-and-lichess-players-1341 https://dev.to/keccak/how-i-built-chessapp-a-web-platform-to-search-fide-chesscom-and-lichess-players-1341 <h1> Introducing ChessApp: Connect FIDE Profiles with Online Chess Accounts </h1> <p>Hey devs and chess lovers! <br> I recently launched <a href="https://chessapp-ksqc.vercel.app" rel="noopener noreferrer"><strong>ChessApp</strong></a>, a simple tool to bridge the gap between official over-the-board chess and the online world. As a chess player myself, I was often wondering: <em>"Does my opponent have a chess com account so I can prepare against him ?"</em> or * "How do I prepare for my next chess opponent ?"* ChessApp helps answer that by connecting data from FIDE, Chess.com, and Lichess in one place. </p> <h2> What You Can Do with It - </h2> <p><strong>Search FIDE players</strong> (1.5M+ profiles) <strong>Find linked online accounts</strong> on Chess.com and Lichess <br> <strong>View a player’s opening repertoire</strong> using online games <br> <strong>Explore places to play chess</strong> on a world map<br> <strong>Game analysis</strong> with Stockfish (coming soon) </p> <h2> Examples </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuo0lcbn4c5kmftiomqiu.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuo0lcbn4c5kmftiomqiu.jpg" alt="Searching a FIDE player" width="800" height="1674"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fquyc6n4nkvxfn4249k3x.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fquyc6n4nkvxfn4249k3x.jpg" alt="Searching online accounts" width="800" height="1204"></a></p> <h2> Tech Stack Highlights </h2> <ul> <li> <strong>Frontend:</strong> Next.js 15, TailwindCSS, ShadcnUI, Framer Motion</li> <li> <strong>Backend:</strong> Supabase, Chess.com &amp; Lichess APIs </li> <li> <strong>Deployment:</strong> Vercel </li> </ul> <h2> What’s Next </h2> <ul> <li>Game upload and analysis </li> <li>Elo calculator </li> <li>Account system to save favorites and search history </li> <li>Crowdsourced chess location map </li> </ul> <h2> Try It Out Live here: <a href="https://chessapp-ksqc.vercel.app" rel="noopener noreferrer">https://chessapp-ksqc.vercel.app</a> </h2> <p>The app is in beta — feel free to try it and let me know what could be improved! Open to any feedback on UX, performance, or feature ideas. Thanks! </p> webdev react typescript