Angular Projects

Author: Carlos Biagolini-Jr.

LinkedIn: https://www.linkedin.com/in/biagolini/

Medium: https://medium.com/@biagolini

[EN]: This repository serves as an index for various Angular-based projects and code examples. Each linked repository demonstrates different aspects of Angular development, including UI components, API integrations, form handling, table enhancements, and utility features. The goal is to provide practical examples that can be used as references for learning and development. For more in-depth discussions and technical articles, visit my LinkedIn and Medium profiles.

[PT]: Este repositório serve como um índice para diversos projetos e exemplos de código baseados em Angular. Cada repositório vinculado demonstra diferentes aspectos do desenvolvimento com Angular, incluindo componentes de UI, integrações com APIs, manipulação de formulários, melhorias em tabelas e funcionalidades útis. O objetivo é fornecer exemplos práticos que possam servir como referência para aprendizado e desenvolvimento. Para discussões mais aprofundadas e artigos técnicos, visite meus perfis no LinkedIn e no Medium.

---

A

Auto Complete

An example of an autocomplete input field in Angular.

https://github.com/biagolini/AngularAutoComplete

API Mock Server

Demonstrates how to create a mock API server using JSON Server.

https://github.com/biagolini/AngularJsonServer

B

Breakpoint Observer

An example of using Angular's BreakpointObserver to manage responsive layouts.

https://github.com/biagolini/AngularBreakpointObserver

Button Toggle

Implementation of a button toggle component in Angular.

https://github.com/biagolini/AngularButtonToggle

C

Call Function by Time Interval

Demonstrates how to execute a function at a specific time interval in Angular.

https://github.com/biagolini/AngularCallFunctionByTime

Chips

An example of implementing Material Chips in Angular.

https://github.com/biagolini/AngularChips

CSS Basic

A collection of fundamental CSS examples.

https://github.com/biagolini/CSS-basic

CSS Class Given a Condition

Demonstrates how to dynamically apply CSS classes based on conditions in Angular.

https://github.com/biagolini/AngularCssClassCondition

D

Date Picker

A simple date picker implementation in Angular.

https://github.com/biagolini/AngularDatePicker

Date Picker with DD/MM/YYYY

A date picker configured to use the DD/MM/YYYY format.

https://github.com/biagolini/AngularDatePickerDD-MM-YYYY

Date Manipulation

Examples of manipulating dates using Angular.

https://github.com/biagolini/AngularDateManipulation

Dark Light Modes

Implementation of a dark/light mode toggle in an Angular project.

https://github.com/biagolini/AngularDarkLigthModes

Display Data By Groups

Demonstrates how to organize and display data in grouped sections.

https://github.com/biagolini/AngularDisplayDataByGroups

E

F

Form Validation By Condition

Form validation based on dynamic conditions in Angular.

https://github.com/biagolini/AngulaFormValitionByCondition

G

H

I

Input Appearance Given a Condition

Dynamically changes input field appearance based on conditions.

https://github.com/biagolini/AngularInputAppearanceCondition

Input on Changes

Captures and processes input changes in real time.

https://github.com/biagolini/AngularInputChanges

Input Hide-Show Password Button

A simple input field with a toggle button for showing/hiding passwords.

https://github.com/biagolini/AngularInputHideShowPasswordButton

Input Hover

Applies custom styling when an input field is hovered.

https://github.com/biagolini/AngularInputHover

Input Mask Currency

An example of applying currency formatting to input fields.

https://github.com/biagolini/AngularInputMaskCurrency

J

K

L

M

Mat Table Column Resize

Enabling dynamic resizing of table columns using Material icons.

https://github.com/biagolini/AngularMatTableColumnResize

Markdown

A simple markdown rendering example in Angular.

https://github.com/biagolini/AngularMarkdown

Multiple Select

Implementation of a multi-select dropdown in Angular.

https://github.com/biagolini/AngularMultipleSelect

N

O

P

Pipes

Examples of custom and built-in Angular pipes.

https://github.com/biagolini/AngularPipes

Q

R

Radio Group

Implementation of a radio button group in Angular.

https://github.com/biagolini/AngularRadioGroup

Resizable Sidenav

A dynamic and resizable side navigation menu.

https://github.com/biagolini/AngularResizableSidenav

S

Screen Aspect Ratio Monitor

Monitors and displays the screen's aspect ratio in real time.

https://github.com/biagolini/AngularScreenAspectRatioMonitor

T

Table Alternate Row Colours

Applies alternate row colors in an Angular Material table.

https://github.com/biagolini/AngularTableAlternateRowColours

U

V

W

X

Y

Z