angular-material.dev, Blogger, Open Source Contributor. Sponsor OSS work at https://github.com/sponsors/shhdharmen

productHunt

Dharmen Shah  • Peerlist

🚀 Launching Mat Expressive A layer on top of Angular Material that brings the Material 3 Expressive design system to your components — not a fork, not a replacement. → Styles that align existing Angular Material components with M3 Expressive → Directives for the cases styling alone can't reach → New components for things Angular Material doesn't cover Install: `ng add @ngm-dev/mat-exp` Docsite: <a target="_blank" rel="noopener noreferrer nofollow ugc" class="break-all link-break text-gray-500 hover:underline" href="https://expressive.angular-material.dev/">https://expressive.angular-material.dev/</a> GitHub: <a target="_blank" rel="noopener noreferrer nofollow ugc" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/Angular-Material-Dev/mat-exp">https://github.com/Angular-Material-Dev/mat-exp</a> If you're building with Angular Material and want the M3 Expressive look, give it a try. Feedback and issues welcome. Read the announcement <a target="_blank" rel="noopener noreferrer nofollow ugc" class="break-all link-break text-gray-500 hover:underline" href="https://expressive.angular-material.dev/blogs/announcement">https://expressive.angular-material.dev/blogs/announcement</a>

Mat Expressive

<h3>Angular Material Blocks</h3>Angular Material Blocks is one place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.BlocksWe designed the blocks you always wanted for building dashboards, applications, and more. From forms to billing pages, bring your next project to life swiftly.CLIGo beyond copy-pasting, and build your app with the CLI.npx @ngm-dev/cli init

Angular Material Blocks

<h3>@ngxpert/cmdk</h3>@ngxpert/cmdk is a command menu Angular component that can also be used as an accessible combobox. You render items, it filters and sorts them automatically. @ngxpert/cmdk supports a fully composable API, so you can wrap items in other components or even as static HTML.Features<ol><li>🎨 Un-styled, so that you can provide your own styles easily</li><li>🥙 Provides wrapper, so that you can pass your own template, component or static HTML</li><li>🔍 Default filtering present</li><li>🖼️ Drop in stylesheet themes provided</li><li>♿ Accessible</li></ol>Check more details on <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/ngxpert/cmdk?tab=readme-ov-file#ngxpertcmdk">https://github.com/ngxpert/cmdk?tab=readme-ov-file#ngxpertcmdk</a>

ngxpert/cmdk

<h3>Angular UI</h3>A one of a kind learning platform for Angular developers primarily focused on UI development.Why I created Angular UI?I wanted to create a learning platform for Angular developers to teach true and only UI development. Most of the available courses and platforms teach the basics and fundamentals already, but I wanted to focus only on UI development. The content on Angular UI will help answer these small but impactful questions:<ol><li>How to create animated expandable/collapsible component?</li><li>How to customize angular material themes?</li><li>How to create blogging website without touching backend?</li><li>How to create accessible yet beutiful components?</li></ol>How it's different from other learning platforms?Most of the other platforms provide video courses, code snippets and progress trackers. But, Angular UI goes beyond that. On Angular UI, you will find 4 additional unique features<ol><li>Article - Each video comes with an article, and it's not the transcript, but a well written technical article in a digestable format. So, if you forgot your headphones, just read the article.</li><li>Online demos - When there is a code, there is a demo! With each video which contains code snippets, I provide demos for both the phases, start and end. So that learners can see and compare their outputs.</li><li>Code differences - In a video, we make a lot of code changes and it difficult to go back and see what was the exact change. So, I also provide a direct link to github commit differences, so that learners can see what changes I made during the video</li><li>Local development - I also provide an easy to setup module for learners local development, so that they don't have to go looking where the cloned the exercise. On Angular UI, learners just click to open-up their projects locally.</li></ol>Which courses are available?First available course on Angular UI is "Angular Material Theming System". I've been writing many articles about <a target="_blank" rel="noopener noreferrer" class="text-green-500 rich-link break-all link-break" href="http://angular-material.dev/">angular material for the last couple of years</a>. So by the end of this course my goal is for you to see how I approach theme customisations in angular material so that you feel equipped to use it in your applications.In upcoming months, I am planning to add more courses.What about pricing?I charge a fee of 50 USD to serve the vidoes and maintain good quality of content. And this is only one time fee, you pay once, and you get a life-time access to current and all future courses.

Angular UI

<h3 class="rich-heading">Introduction</h3>Angular Material Dev is one place stop for developers to learn about integrating Material Design in Angular applications like a pro.<h3 class="rich-heading">Tech Stack</h3><ol><li>Angular (with TypeScript, SCSS) - I have used latest Angular v17 with standalone mode</li><li>Material Design - The UI/UX/Designs are highly inspired from <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="http://m3.material.io">m3.material.io</a></li><li>Mail chimp - To send emails</li><li>Bing image creator - To create images for various sections</li><li><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.figma.com/community/plugin/958202093377483021">Mesh Gradient</a> - Figma plugin to create gradients</li></ol><h3 class="rich-heading">What is included?</h3>As of now, I am focusing on providing 2 types of contents:<ol><li>Articles - Explore all the articles about development of Angular applications with Material Design.</li><li>Courses - Series of articles written in digestible form to achieve milestones!</li></ol><h3 class="rich-heading">What is the price?</h3>It's free! No charges, no costs, no plans, no nothing! Although, you can support the project by clicking on links provided in the app!<h3 class="rich-heading">What is next?</h3>Next I am planning to add Material Design components written in Angular. Developers will be able simply copy/paste them and good to go!

Angular Material Dev

Meet Entertainment is an organization, which arranges Gujarati-Traditional Dramas in Vadodara,Gujarat. My responsibilities include online ticket booking for Meet Entertainment, Selection of seats to viewers, Maintain database, Admin Panel t

Meet Entertainment (Ticket Booking Web)

This is an ERP kind of project for schools.

School Management System

"Kitchen Palace" is a well-known kitchen appliances store located at Vadodara, Gujarat, IN. They are serving customers for last 20 years locally.
I have used "OpenCart" modules to develop this e-commerce webisite.

Kitchen Palace (e-Shop)

"U CAN TRAVEL INDIA"​ is a travel organization, which provides tours to India for foreign travelers. This website has been developed using Bootstrap's style sheets.And server side it's handled by PHP. Database is developed in MySQL.