https://github.com/ademircordeiro/angular-lab

https://github.com/ademircordeiro/angular-lab

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ademircordeiro/angular-lab
• Owner: Ademircordeiro
• Created: 2025-04-22T11:46:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-22T12:28:43.000Z (over 1 year ago)
• Last Synced: 2025-05-18T08:10:03.299Z (about 1 year ago)
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Ademir Angular

![Angular](https://img.shields.io/badge/Angular-18.2.14-DD0031?logo=angular)  

Bem-vindo ao **Ademir Angular**! Este repositório contém projetos desenvolvidos com **Angular** para aprimorar minhas habilidades no framework.

**aplicação web de filtro de usuários**

Um projeto de estudo para praticar conceitos como **Pipes**, **Bindings** e **Decorators**. 

A aplicação utiliza uma lista mockada e oferece uma interface responsiva, ideal para aprender e demonstrar habilidades em desenvolvimento frontend.

---

## 📖 Sobre os Projetos

O **Ademir Angular** é uma aplicação web que permite **filtrar uma lista de usuários** com base em critérios como Nome, Período e Status. O projeto foi criado para consolidar conhecimentos em:

- **Pipes**: Para formatação e filtragem dinâmica de dados.

- **Bindings**: Para interação reativa entre o template e o componente.

- **Decorators**: Para configuração de componentes e diretivas.

Este projeto é perfeito para quem deseja estudar Angular ou explorar exemplos práticos de suas funcionalidades.

---

## 🚀 Funcionalidades

- 🔍 **Filtro dinâmico** de usuários por:

  - Nome

  - Período

  - Status

- 📋 Interface com lista mockada, exibida de forma responsiva.

- 🎨 Componentes de UI modernos, graças ao **Angular Material**.

---

## 🛠️ Tecnologias Utilizadas

- **Frontend**:

  - **Angular 18.2.14**: Framework principal.

  - **TypeScript**: Para tipagem estática e código robusto.

  - **SCSS**: Estilização avançada e modular.

- **Bibliotecas**:

  - **Angular Material**: Componentes de interface responsivos e acessíveis.

- **Ferramentas**:

  - **Git**: Controle de versão.

  - **npm**: Gerenciamento de dependências.

---

## 🖥️ Como Usar

1. Abra a aplicação no navegador.

2. Use os campos de filtro (Nome, Período, Status) para refinar a lista de usuários.

3. Explore o código-fonte para entender como **Pipes**, **Bindings** e **Decorators** foram implementados.

---

## 📬 Contato

- **Autor**: Ademir Cordeiro

- **GitHub**: [Ademircordeiro](https://github.com/Ademircordeiro)

- **LinkedIn**: [linkedin.com/in/ademircordeiro](https://www.linkedin.com/in/ademircordeiro/)

📧 Dúvidas ou sugestões? Entre em contato via LinkedIn ou abra uma issue!

---

⭐ **Gostou do projeto?** Deixe uma estrela no repositório para apoiar! 🚀