DDF/

[ Blog / 21 posts ]

Writing

Notes on Angular, TypeScript and front-end architecture, and lately on building software with AI.

2026

  1. Vibecoding in Practice: Building SortDocs with AI A while ago, I started experimenting with vibecoding — building software by relying mostly on AI prompts instead of manually writing every part of the code. AI Coding · Vibecoding · Python · CLI · OpenAI
  2. Vibecoding, One Year Later: Trying the Same Multiplayer Prototype Again A year ago, I tried a simple experiment: build a small real-time 3D multiplayer app by relying almost entirely on AI prompts instead of writing the code myself. Back t... AI Coding · Vibecoding · GPT 5.3-codex · Three.js · Socket.IO · Multiplayer Games

2025

  1. Vibecoding: Letting AI Code for Me A friend recently introduced me to vibecoding—a concept where AI handles all the coding, relying solely on prompts. AI Coding · Vibecoding · Prompt Engineering · Three.js · Socket.IO · Multiplayer Games

2024

  1. Universal Middleware for Any Function Middleware functions are no longer limited to backend systems; they bring tremendous value to front-end applications like Angular as well. From logging and input valid... angular · typescript · middleware
  2. Conditional Routing in Angular with canMatch Guards Routing in Angular is essential for building feature-rich, user-friendly applications. Often, we need to conditionally load different components based on user-specific... angular · typescript · routes
  3. Simplifying Angular Templates with combineLatest in NgRx When working with Angular and NgRx, a common challenge is effectively managing and combining state selectors in a clean and readable way. The combineLatest function of... angular · typescript · NgRx
  4. Stop Using console.log and Start Using This Service! Logging is an essential part of any software development process. It helps developers debug applications, understand workflows, and track down issues. However, relying... angular · typescript · service
  5. How to Create Dynamic Forms in Angular Using a Dictionary Interface Creating dynamic forms in Angular can be a powerful way to handle flexible data structures, especially when working with APIs that return complex or nested JSON object... angular · typescript · forms
  6. Streamlining Angular Route Configuration with APP_ROUTES Handling routes in an Angular application can get pretty tricky, especially as your project grows larger. One way to keep things simple and organized is by putting all... angular · typescript · routes
  7. Structuring Your Angular Project for Scalability and Maintainability In the world of Angular development, structuring your project can significantly influence the scalability and maintainability of your application. A well-thought-out f... angular · folder structure
  8. Enhancing Angular Navigation with GlobalKeydown: A Guide to Keyboard-Driven Routes Angular’s flexibility allows us to extend our application’s functionality with custom services. In this case, we’ll create GlobalKeydownService. This service listens t... angular · typescript · routes
  9. A Fresh Take on Angular Session Management: Introducing SessionManagementService This service focuses on maintaining a single active session in a multi-tab environment, enhancing the user experience and application efficiency. It started as an expe... angular · typescript · session · service
  10. Theme Switcher in Angular: From Dark to Light and Back Again Offering a choice between light and dark modes in web applications enhances user experience and accessibility. In this article, we’ll explore how to create a dynamic t... angular · typescript · theme
  11. Dynamic Navigation in Angular: Building a Navbar Using Route Configurations In modern web applications, navigation plays a critical role in guiding users through the interface. Angular, a popular front-end framework, offers robust tools for ma... angular · typescript · routes

2023

  1. Creating an NFT Credential The NFTs created in the proposed solution are compliant with the ERC721 standard and can be created directly through Etherscan (the official Ethereum blockchain explor... NFT · ERC721 · ethereum · blockchain
  2. On-chain Digital Credentials through NFTs The proposed contract is built on the ERC721 standard, which allows for the creation of unique, non-fungible tokens (NFTs) on the Ethereum blockchain. NFT · ERC721 · ethereum · blockchain

2022

  1. Hands-on Foo contract This article aims to give a complete overview of how to compile, deploy and test a smart contract. All the required tools are presented step by step to illustrate the ... ethereum · solidity · smart contract · MetaMask
  2. Blockchain introduction On October 31, 2008, Satoshi Nakamoto published a white paper entitled “Bitcoin: A peer-to-peer electronic cash system”, in which he described a system that would enab... ethereum · bitcoin
  3. Non-Fungible Tokens explained A non-fungible token (NFT) refers to a class of blockchain-based tokens that are intended to be unique, as opposed to cryptocurrencies where all tokens are exchangeabl... NFT · ERC721 · ethereum · smart contract
  4. NFTs as credentials (?) As we saw in the previous article, there are different implementations and standards in the world of digital credentials. The idea of certifying one’s identity and com... NFT · verifiable-credentials
  5. Exploring digital credentials When it comes to digital credentials, there are several alternatives we can consider and, in most cases, we will hear about Verifiable Credentials (VCs), Open Badges a... blockchain · credentials · open-badges · verifiable-credentials