Angular Material Customizable Dashboard #1: Create reusable widget components

Опубликовано: 20 Март 2025
на канале: Zoaib Khan

15,727

370

#angular #dashboard #animation

✨✨ Get the complete code for the Angular Customizable Dashboard here: https://zoaibkhan.lemonsqueezy.com/bu...

💡 Live Dashboard Link: https://angular-dashboard-lime.vercel...

💖 Join my Patreon!
  / zoaibkhan

Playlist for the Angular sidebar tutorial
   • Youtube style Sidebar with Angular Ma...

📽️ My courses:
https://zoaibkhan.com/courses

✍️My blog for more free Angular posts:
https://zoaibkhan.com/blog

In this first episode of our series, we embark on building a fully customizable Angular dashboard using Angular Material 3 with the latest Angular 18.1. We'll create reusable and dynamically rendered widget components, use CSS Grid for responsive layouts, and set up a simple store for managing widget states.

Socials:
Twitter -   / zoaibdev
Facebook -   / thisiszoaib
LinkedIn -   / zoaib-khan-b6456815

Sections:
00:00 Introduction to Customizable Angular Dashboard
00:01 Overview of Dashboard Features
02:51 Setting Up the Angular Material Application
04:00 Creating Reusable Widget Components
15:49 Dynamic Component Rendering
17:03 Responsive Grid Layout
19:51 Conclusion and Next Steps