Archives

Learn how to master Angular's new control flow syntax with TypeScript code examples. This guide covers the new @if, @for, and @switch directives for cleaner and more efficient Angular templates.

Learn how to build an AI-powered image studio app using Angular and Node.js. This guide covers API setup, image generation, and project structure.

Learn how to build an AI-powered image editor using Node.js and Google's Gemini API. This guide covers API setup, image editing, and project structure.

Learn how to build an AI-powered image generator using Node.js and Google's Gemini API. This guide covers API setup, image generation, and project structure.

Learn how to build a RESTful API using Node.js, Express.js, and Supabase. This guide covers CRUD operations, API documentation with Swagger, and real-time capabilities.

Learn how to implement HTTP interceptors in Angular for authentication and retry logic. This guide covers creating an interceptor, handling token expiration, and ensuring robust API communication in your applications.

AstroPaper v6: a from-scratch rewrite on Astro v6, Tailwind v4, and a new config system.

AstroPaper v5: keep the clean look, updates under the hood.

Discover Angular's linkedSignal for efficient state management. Learn how to create reactive signals that depend on other signals, enhancing your app's performance and maintainability.

Discover how to use afterRenderEffect and Signals in Angular for efficient state management. Learn to create reactive components that respond to changes in real-time, enhancing your app's performance and user experience.

Master Angular's Resource API with this practical guide. Learn to fetch, display, and manage data efficiently in your applications.

Master Angular's Resource API with this practical guide. Learn to fetch, display, and manage data efficiently in your applications.

Learn how to fetch and display data in Angular using httpResource for efficient API communication.

Learn how to manage environment variables in Angular using --define for better security and flexibility.

Learn why using --legacy-peer-deps is a safer option than --force when resolving npm dependency conflicts.

Learn how to use ~ and ^ in package.json to manage dependencies effectively.

Learn about the three types of view encapsulation in Angular: Emulated, Shadow DOM, and None. Understand how each type works and when to use them in your Angular applications.

Learn how to set up Tailwind CSS 4.0 in Angular v19.1 to create beautiful, responsive web applications.

Learn how to containerize a Node.js application with Docker, enabling you to build, ship, and run your app in a consistent environment.

Learn how to manage dependencies in Node.js projects using the tilde (`~`) and caret (`^`) symbols in the `package.json` file.

Learn how to build a Tic Tac Toe game in Angular v19 from scratch. This beginner-friendly guide will walk you through creating a simple yet engaging game using Angular's component-based architecture.

Learn how to build a modern music player app using Angular and Tailwind CSS. This tutorial will guide you through creating a sleek and interactive music player with features like track navigation, a custom progress slider, and a curated playlist.

Learn how closures work in JavaScript and why they are important. Explore practical examples of closures in action and discover how they can enhance your code.

Learn how to build an Angular app with enum alternatives to manage related constants in your application. This blog provides a hands-on guide to creating, using, and effectively applying enum alternatives in Angular.

Explore alternatives to enums in TypeScript and Angular for managing constants effectively. This blog provides a detailed comparison of union types, constant objects, namespaces, classes, and mapped types as alternatives to enums.

Learn how to build an Angular app with enums to manage related constants in your application. This blog provides a hands-on guide to creating, using, and effectively applying enums in Angular.

Learn how to use enums in Angular to manage related constants in your application. This blog provides a step-by-step guide to creating, using, and effectively applying enums in Angular.

Learn how to use Git stash to temporarily shelve changes in Git. This blog provides a step-by-step guide to mastering Git stash, including how to stash changes, apply stashed changes, and manage your stash.

Learn how to handle global errors in Angular by creating a simple app with a custom ErrorHandler. This blog provides a step-by-step guide to implementing a global error handler in Angular to manage errors across the application.

Learn how to build an investment calculator in Angular using Tailwind CSS. This blog provides a step-by-step guide to creating an investment calculator that calculates the future value of an investment based on user inputs.

Discover the top Visual Studio Code extensions that can enhance your Angular development workflow. This blog provides a list of essential VS Code extensions for Angular developers.

Learn how to create custom directives in Angular. This blog provides a step-by-step guide to creating custom directives and using them in your Angular applications.

Learn how to build a simple Todo application using Deno and the Oak framework. This blog provides a step-by-step guide to creating a REST API for managing todos.

Learn how to migrate from constructor injection to the `inject` function in Angular. This comprehensive guide provides step-by-step instructions and examples for a smooth transition.

In this blog post, we'll walk through the process of building a simple CRUD API using Node.js, Express, MySQL, and Swagger UI. This project demonstrates how to set up a RESTful API with database integration and API documentation.

In this blog post, we'll explore how to build dynamic forms using Angular and the Formly library. We'll walk through the setup, configuration, and implementation of a simple form that can be easily extended and customized.

Learn how to build a CRUD application using NestJS and MongoDB, providing a RESTful API for managing resources and integrating with a NoSQL database.

Learn how to add LaTeX equations in Astro blog posts using Markdown, KaTeX, and remark/rehype plugins.

Learn how to build a unit converter app in Angular using Tailwind CSS for styling, providing a simple yet powerful tool for converting units of length.

JavaScript arrays are a fundamental part of programming. Here are valuable tips and tricks for working with arrays in JavaScript.

Learn essential JavaScript string tips and tricks to improve coding efficiency and handle text data effectively.

Learn essential tips and tricks for working with JavaScript objects to improve code performance and readability.

Comment function on a static blog hosted on GitHub Pages with Giscus.

AstroPaper v4: ensuring a smoother and more feature-rich blogging experience.

How to use Git Hooks to set your Created and Modified Dates on AstroPaper

Easy steps to migrate all Angular components to standalone

AstroPaper Version 3: Elevating Your Web Experience with Astro v3 and Seamless View Transitions

Convert simple javascript function to typescript

Building a real-time chat application using Node.js, MongoDB, and Express

How to update project dependencies and AstroPaper template.

Ways to unsubscribe in Angular to avoid memory leaks

Useful Input Decorator Features in Angular 16

Most Used commands, methods, and concepts of Node.js

Difference between px vs em vs rem in CSS

Set up SSH key for GitLab on Windows..

CSS flex Cheatsheet..

Angular with Bootstrap.

CSS grid Cheatsheet..

Difference between Promises and Observables

What is ForwardRef Function in Angular application?

New Array methods in JavaScript..

Daily used Git commands..

Router Debugging in angular application.

HTTP Status Codes.

Cookies vs Local Storage vs Sesssion Storage.

Package manager in angular app.

Multiple projects in one angular app.

Build cache setup in angular app..

Github Respositories.

AstroPaper with the enhancements of Astro v2. Type-safe markdown contents, bug fixes and better dev experience etc.

Angular with TailwindCSS

Angular with angular material.

New feature in AstroPaper v1.4.0, introducing dynamic OG image generation for blog posts.

Some of the well-crafted, updated predefined color schemes for AstroPaper.

How you can enable/disable light & dark mode; and customize color schemes of AstroPaper theme.

Some rules & recommendations for creating or adding new posts using AstroPaper theme.

How you can make AstroPaper theme absolutely yours.

EXAMPLE POST: About Tailwind Typography Plugin and how you can use it effectively.

EXAMPLE POST: Developing a terminal-like website using ReactJS, TypeScript and Styled-Components. Includes features like autocomplete, multiple themes, command hints etc.

EXAMPLE POST: My experience about developing my first portfolio website and a blog using NextJS and a headless CMS.