https://github.com/muhamedayoub/typescript-design-pattern

🎨 TypeScript Design Patterns Repository 🏗️ Explore a collection of popular design patterns implemented in TypeScript. Each pattern includes code examples and UML diagrams for clear understanding. Organized by Creational, Structural, and Behavioral categories. Enhance your software design skills today! 🚀 Get Started: with Cloning the repo
https://github.com/muhamedayoub/typescript-design-pattern

design-patterns javascript typescript

Last synced: about 1 month ago
JSON representation

🎨 TypeScript Design Patterns Repository 🏗️ Explore a collection of popular design patterns implemented in TypeScript. Each pattern includes code examples and UML diagrams for clear understanding. Organized by Creational, Structural, and Behavioral categories. Enhance your software design skills today! 🚀 Get Started: with Cloning the repo

• Host: GitHub
• URL: https://github.com/muhamedayoub/typescript-design-pattern
• Owner: MuhamedAyoub
• License: mit
• Created: 2023-08-02T20:33:25.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-12T18:38:26.000Z (over 1 year ago)
• Last Synced: 2023-08-12T20:41:49.965Z (over 1 year ago)
• Topics: design-patterns, javascript, typescript
• Language: TypeScript
• Homepage:
• Size: 29.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# TypeScript Design Patterns Repository

Welcome to the TypeScript Design Patterns repository! This repository contains a comprehensive collection of Creational, Structural, and Behavioral design patterns implemented in TypeScript. Each pattern comes with code examples and UML diagrams to facilitate understanding and application.

## Design Patterns Included

### Creational

- Singleton

- Factory

- Abstract Factory

- Builder

- Prototype

### Structural

- Adapter

- Bridge

- Composite

- Decorator

- Facade

- Flyweight

- Proxy

### Behavioral

- Observer

- Mediator

- Command

- Chain of Responsibility

- Strategy

- Template Method

- Interpreter

- Memento

- State

- Visitor

## Structure

The repository is organized as follows:

- Three main directories: `Creational`, `Structural`, and `Behavioral`.

- Each pattern has its own directory within the appropriate category.

- Inside each pattern directory, you'll find:

  - TypeScript code examples.

  - UML diagrams illustrating the pattern's structure.

## How to Use

1. Clone this repository to your local machine.

2. Navigate to the category and pattern you're interested in (e.g., `Creational/Factory`).

3. Explore the code examples to see the pattern in action.

4. Refer to the UML diagrams for a visual representation of the pattern's structure.

## Contributing

Contributions are highly appreciated! If you want to add more design patterns, improve existing examples, or suggest enhancements, please follow the standard GitHub pull request process.

## License

This repository is licensed under the [MIT License](LICENSE).

---

Happy designing and coding!