mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 21:03:03 -05:00
54 lines
2.8 KiB
Markdown
54 lines
2.8 KiB
Markdown
<p align='center'>
|
|
<img src='./logo/angular-challenge.png' height="150px"/>
|
|
</p>
|
|
|
|
<p align='center'>Collection of Angular challenges</p>
|
|
|
|
<br>
|
|
|
|
## Intro
|
|
|
|
This goal of this project is to help you get better at Angular and NgRx by resolving challenges you might face in your day life.
|
|
|
|
> **Learning by reading is good but learning by doing is better.**
|
|
|
|
## Challenges
|
|
|
|
> Click the following badges to join your next challenge.
|
|
>
|
|
> <img src="https://img.shields.io/badge/Easy--green" alt="Easy challenge"/>
|
|
> <img src="https://img.shields.io/badge/Intermediate--orange" alt="Easy challenge"/>
|
|
> <img src="https://img.shields.io/badge/Advanced--red" alt="Easy challenge"/>
|
|
|
|
</br>
|
|
<img src="https://img.shields.io/badge/Angular--gray?logo=angular" alt="Angular"/>
|
|
|
|
<a href="./apps/projection/README.md"><img src="https://img.shields.io/badge/1-Projection-red" alt="Projection"/></a>
|
|
<a href="./apps/ngfor-enhancement/README.md"><img src="https://img.shields.io/badge/3-Directive enhancement-orange" alt="Directive enhancement"/></a>
|
|
<a href="./apps/context-outlet-type/README.md"><img src="https://img.shields.io/badge/4-ContextOutlet Typed-red" alt="Directive enhancement"/></a>
|
|
<a href="./apps/crud/README.md"><img src="https://img.shields.io/badge/5-CRUD-green" alt="crud application"/></a>
|
|
<a href="./apps/permissions/README.md"><img src="https://img.shields.io/badge/6-permissions-orange" alt="permissions"/></a>
|
|
<a href="./apps/pipe-easy/README.md"><img src="https://img.shields.io/badge/8-simple pure pipe-green" alt="pipe easy"/></a>
|
|
<a href="./apps/pipe-intermediate/README.md"><img src="https://img.shields.io/badge/9-wrapFn pipe-orange" alt="wrapFn pipe"/></a>
|
|
<a href="./apps/pipe-hard/README.md"><img src="https://img.shields.io/badge/10-utilities pipe-red" alt="utilities pipe"/></a>
|
|
|
|
<!-- <a href="./apps/scroll-cd/README.md"><img src="https://img.shields.io/badge/14-change detection -- scroll-orange" alt="change detection with scroll event"/></a> -->
|
|
|
|
</br>
|
|
<img src="https://img.shields.io/badge/RxJs--gray?logo=rxjs" alt="RxJs"/>
|
|
|
|
<a href="./apps/rxjs-pipe-bug/README.md"><img src="https://img.shields.io/badge/11-BUG: chaining operators-orange" alt="Bug rxjs chaining operators"/></a>
|
|
|
|
<!-- <a href="./apps/rxjs-race-condition/README.md"><img src="https://img.shields.io/badge/12-race condition-green" alt="Rxjs race condition"/></a>
|
|
<a href="./apps/declarative-to-reactive/README.md"><img src="https://img.shields.io/badge/13-declarative to reactive-green" alt="Declarative to reactive programming"/></a> -->
|
|
|
|
</br>
|
|
<img src="https://img.shields.io/badge/NgRx--gray" alt="NgRx"/>
|
|
|
|
<a href="./apps/ngrx-1/README.md"><img src="https://img.shields.io/badge/2-Effect vs Selector-orange" alt="Effect vs Selector"/></a>
|
|
<a href="./apps/ngrx-notification/README.md"><img src="https://img.shields.io/badge/7-Power of Effects-red" alt="power of Effects"/></a>
|
|
|
|
## License
|
|
|
|
MIT
|