--- title: Document Your Architecture, Distortion Effect, Web3, Projen - Picks 182 | daily.dev description: Web3, architecture docs, game development, and more are all covered in the new issue of our weekly picks. Explore practical developer news, tutorials, and tools read by millions of developers worldwide. canonical: https://daily.dev/blog/document-your-architecture-distortion-effect-web3-projen-picks-182/ og:type: article og:url: https://daily.dev/blog/document-your-architecture-distortion-effect-web3-projen-picks-182/ og:title: Document Your Architecture, Distortion Effect, Web3, Projen - Picks 182 | daily.dev og:description: Web3, architecture docs, game development, and more are all covered in the new issue of our weekly picks. Explore practical developer news, tutorials, and tools read by millions of developers worldwide. og:image: https://media.daily.dev/image/upload/s--SLXEVUF2--/f_auto,q_auto/v1/recruiter-landing/60b73b25eae1c14b8b6196ce_Cover_da983e100f?_a=BAMAMiB80 og:site_name: daily.dev og:locale: en_US article:published_time: 2021-06-02 article:modified_time: 2026-05-15T14:25:35.120Z article:author: Ido Shamun twitter:card: summary_large_image twitter:site: @dailydotdev twitter:creator: @dailydotdev twitter:title: Document Your Architecture, Distortion Effect, Web3, Projen - Picks 182 | daily.dev twitter:description: Web3, architecture docs, game development, and more are all covered in the new issue of our weekly picks. Explore practical developer news, tutorials, and tools read by millions of developers worldwide. twitter:image: https://media.daily.dev/image/upload/s--SLXEVUF2--/f_auto,q_auto/v1/recruiter-landing/60b73b25eae1c14b8b6196ce_Cover_da983e100f?_a=BAMAMiB80 --- ## Useful VS Code Extensions For Web Developers 🔥 I know that every day dozen of lists like this are published. But this article is by far the best one I've seen lately. It's well organized and extensive. - [Useful VS Code Extensions For Web Developers](https://app.daily.dev/posts/Rlls0Gbx-) ## How to document your architecture? 📝 Learn the best practices for documenting the architecture. What is the C4 model, how to model your database, etc. - [How to document your architecture?](https://app.daily.dev/posts/tlOalOTXg) ## Create distortion effect in images using ThreeJS + React + GSAP ✨ The author adapts an existing WebGL distortion effect into a React application. This effect is rad! - [Create distortion effect in images using ThreeJS + React + GSAP](https://app.daily.dev/posts/Yd1PovyO2) ## How to Build Super Mario Bros, Zelda, and Space Invaders with Kaboom.js 👾 Ania nails it again with another fabulous course. This time she introduces Kaboom.js and teaches how to build classic games with JavaScript. - [How to Build Super Mario Bros, Zelda, and Space Invaders with Kaboom.js](https://app.daily.dev/posts/3gEt4xJJZ) ## A Sine wave animation using React with Canvas API 🌊 A cool example of how to use the Canvas element to simulate a Sine wave. - [A Sine wave animation using React with Canvas API](https://app.daily.dev/posts/_x_hEX2ox) ## Web3: A New Web for a New World 🤖 Web3 is a different kind of web that we currently know. It's decentralized and offers endless opportunities. Learn all about it. - [Web3: A New Web for a New World](https://app.daily.dev/posts/pxCps6wIZ) ## How to Answer “Why Should We Hire You” in an Interview? 😅 We all were asked this question during our interviews. It might seem naive, but there's so much behind it. Learn how to ace this question. - [How to Answer “Why Should We Hire You” in an Interview?](https://app.daily.dev/posts/nqMHm7DGDl) ## GitUI - Blazing fast terminal-UI for git written in Rust 🚀 A newly launched user interface for Git. It's a keyboard only, cross-platform solution that aims to help us run common Git commands faster. - [GitUI - Blazing fast terminal-UI for git written in Rust](https://app.daily.dev/posts/1064gCW2M) ## An Open Source UI Component Library Built With React 🎨 Chrome is a new component library built with React and TypeScript. Check it out. - [An Open Source UI Component Library Built With React](https://app.daily.dev/posts/3vN8S6ibr) ## Projen: NodeJS project boilerplating 🤯 Projen sounds fascinating! It's a new tool for scaffolding projects. But, it keeps a state for your project so you can keep using it to generate more files or change the boilerplate. It's not a one-off tool. - [Projen: NodeJS project boilerplating](https://app.daily.dev/posts/w5HJSBDDR) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/og-image.png?v=a830cdf1","width":1200,"height":630},"sameAs":["https://twitter.com/dailydotdev","https://www.linkedin.com/company/dailydotdev","https://github.com/dailydotdev","https://www.instagram.com/dailydotdev"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","description":"Free, personalized developer news aggregator. Stay on top of software development news, AI coding tools, and web dev - curated daily from trusted sources.","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://daily.dev/blog/document-your-architecture-distortion-effect-web3-projen-picks-182/","url":"https://daily.dev/blog/document-your-architecture-distortion-effect-web3-projen-picks-182/","name":"Document Your Architecture, Distortion Effect, Web3, Projen - Picks 182 | daily.dev","description":"Web3, architecture docs, game development, and more are all covered in the new issue of our weekly picks. Explore practical developer news, tutorials, and tools read by millions of developers worldwide.","inLanguage":"en-US","isPartOf":{"@id":"https://daily.dev/#website"}},{"@type":"Article","@id":"https://daily.dev/blog/document-your-architecture-distortion-effect-web3-projen-picks-182/#article","headline":"Document Your Architecture, Distortion Effect, Web3, Projen - Picks 182","url":"https://daily.dev/blog/document-your-architecture-distortion-effect-web3-projen-picks-182/","datePublished":"2021-06-02","dateModified":"2026-05-15T14:25:35.120Z","isPartOf":{"@id":"https://daily.dev/#website"},"publisher":{"@id":"https://daily.dev/#organization"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/blog/document-your-architecture-distortion-effect-web3-projen-picks-182/"},"description":"Web3, architecture docs, game development, and more are all covered in the new issue of our weekly picks. Explore practical developer news, tutorials, and tools read by millions of developers worldwide.","image":{"@type":"ImageObject","url":"https://media.daily.dev/image/upload/s--SLXEVUF2--/f_auto,q_auto/v1/recruiter-landing/60b73b25eae1c14b8b6196ce_Cover_da983e100f?_a=BAMAMiB80"},"author":{"@type":"Person","name":" Ido Shamun","url":"https://app.daily.dev/idoshamun"},"potentialAction":{"@type":"ReadAction","target":"https://daily.dev/blog/document-your-architecture-distortion-effect-web3-projen-picks-182/"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://daily.dev/blog/"},{"@type":"ListItem","position":3,"name":"Architecture","item":"https://daily.dev/categories/architecture/"},{"@type":"ListItem","position":4,"name":"Document Your Architecture, Distortion Effect, Web3, Projen - Picks 182","item":"https://daily.dev/blog/document-your-architecture-distortion-effect-web3-projen-picks-182/"}]}]} ```