kevinshogun / angular-pipes-app Goto Github PK

This repository contains an Angular application showcasing the implementation of various Angular pipes alongside the utilization of PrimeNG as the UI framework and PrimeFlex for additional support. This project is a part of my portfolio, demonstrating my proficiency in Angular, UI frameworks, and leveraging Angular pipes effectively.

• Angular Pipes Demonstrated:

  • DatePipe: Format dates in various ways.
  • UpperCasePipe / LowerCasePipe: Manipulate text case.
  • CurrencyPipe: Format currency values.
  • DecimalPipe: Format decimal numbers.
  • PercentPipe: Display percentages.
  • AsyncPipe: Handle observable data effortlessly.
  • SlicePipe: Slice and display array or string elements.
  • Custom Pipes: Custom implementation of pipes catering to specific needs.

• PrimeNG UI Framework:

  • Integration of PrimeNG components throughout the application for responsive and appealing UI elements.
  • Utilization of PrimeFlex for enhanced layout and styling options.

Follow these steps to get the application up and running locally:

1. Clone the repository:

   git clone https://github.com/your-username/your-repo.git

2. Install dependencies:

   cd your-repo
   npm install

3. Start the development server:

   ng serve

4. Open your browser and navigate to http://localhost:4200/ to view the application.

Feel free to explore the codebase to understand the implementation of Angular pipes and how PrimeNG components are utilized within the project.

Contributions, issues, and feature requests are welcome! If you find any bugs or have suggestions for improvements, please open an issue.

This project is licensed under the MIT License.

For any inquiries or collaborations, feel free to reach out to me at [email protected].

This project aims to demonstrate my expertise in Angular, showcasing the power of Angular pipes while utilizing PrimeNG for a robust UI experience. Thank you for checking out my repository! 🚀🔧🎨