base on Set of Angular challenges to practise and train on Angular <p align='center'> <img src='./logo/angular-challenge.png' height="150px"/> </p> <p align='center' style='font-weight:bold'>Collection of Angular challenges</p> <br> ## Intro This project has been created with three purposes: - The first purpose is to assist you in becoming better at Angular and its ecosystem. 💪 - The second purpose is to share best practices and different implementations of the same problem to gain diverse perspectives. 📖 - The last one is to lower the barrier to open source contribution. **Sharing knowledge can benefit everyone.** Furthermore, if you are struggling with a concept, please open an issue. I will attempt to create a challenge based on that idea. If you would like to propose a challenge, this project is open source, so feel free to share your ideas. They are more than welcome. > **Learning by reading is good but learning by doing is better.** ## Challenges Check [all 56 challenges](https://angular-challenges.vercel.app/) ## Contributors ✨ <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tbody> <tr> <td align="center" valign="top" width="14.28%"><a href="https://thomaslaforge.dev/home"><img src="https://avatars.githubusercontent.com/u/30832608?v=4?s=100" width="100px;" alt="Laforge Thomas"/><br />_{<b>Laforge Thomas</b>}</a><br /><a href="#challenge-tomalaforge" title="Create a challenge">🧩</a> <a href="https://github.com/tomalaforge/angular-challenges/commits?author=tomalaforge" title="Code">💻</a> <a href="https://github.com/tomalaforge/angular-challenges/commits?author=tomalaforge" title="Documentation">📖</a> <a href="#content-tomalaforge" title="Content">🖋</a> <a href="#ideas-tomalaforge" title="Ideas, Planning, & Feedback">🤔</a> <a href="#design-tomalaforge" title="Design">🎨</a> <a href="#translation-fr-tomalaforge" title="Translate in French">🇫🇷</a></td> <td align="center" valign="top" width="14.28%"><a href="https://svenson95.github.io/sb-portfolio/"><img src="https://avatars.githubusercontent.com/u/46655156?v=4?s=100" width="100px;" alt="Sven Brodny"/><br />_{<b>Sven Brodny</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=svenson95" title="Documentation">📖</a> <a href="#challenge-svenson95" title="Create a challenge">🧩</a> <a href="#content-svenson95" title="Content">🖋</a> <a href="#design-svenson95" title="Design">🎨</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jdegand"><img src="https://avatars.githubusercontent.com/u/70610011?v=4?s=100" width="100px;" alt="J. Degand"/><br />_{<b>J. Degand</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=jdegand" title="Documentation">📖</a> <a href="#content-jdegand" title="Content">🖋</a> <a href="https://github.com/tomalaforge/angular-challenges/commits?author=jdegand" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/DeveshChau"><img src="https://avatars.githubusercontent.com/u/9509673?v=4?s=100" width="100px;" alt="Devesh Chaudhari"/><br />_{<b>Devesh Chaudhari</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=DeveshChau" title="Code">💻</a> <a href="https://github.com/tomalaforge/angular-challenges/issues?q=author%3ADeveshChau" title="Bug reports">🐛</a> <a href="#challenge-DeveshChau" title="Create a challenge">🧩</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/stillst"><img src="https://avatars.githubusercontent.com/u/1463098?v=4?s=100" width="100px;" alt="stillst"/><br />_{<b>stillst</b>}</a><br /><a href="#challenge-stillst" title="Create a challenge">🧩</a> <a href="#translation-ru-stillst" title="Translate in Russian">🇷🇺</a></td> <td align="center" valign="top" width="14.28%"><a href="https://wandrille-guesdon.com/"><img src="https://avatars.githubusercontent.com/u/15016833?v=4?s=100" width="100px;" alt="Wandrille"/><br />_{<b>Wandrille</b>}</a><br /><a href="#challenge-wandri" title="Create a challenge">🧩</a></td> <td align="center" valign="top" width="14.28%"><a href="https://twitter.com/alcaidio"><img src="https://avatars.githubusercontent.com/u/17033036?v=4?s=100" width="100px;" alt="Timothy Alcaide"/><br />_{<b>Timothy Alcaide</b>}</a><br /><a href="#challenge-alcaidio" title="Create a challenge">🧩</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/LMFinney"><img src="https://avatars.githubusercontent.com/u/6683747?v=4?s=100" width="100px;" alt="Lance Finney"/><br />_{<b>Lance Finney</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=LMFinney" title="Documentation">📖</a> <a href="#challenge-LMFinney" title="Create a challenge">🧩</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/tsironis13"><img src="https://avatars.githubusercontent.com/u/7561447?v=4?s=100" width="100px;" alt="Tsironis Ioannis"/><br />_{<b>Tsironis Ioannis</b>}</a><br /><a href="#challenge-tsironis13" title="Create a challenge">🧩</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/alan-bio"><img src="https://avatars.githubusercontent.com/u/31838230?v=4?s=100" width="100px;" alt="Alan Dragicevich"/><br />_{<b>Alan Dragicevich</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=alan-bio" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/edimitchel"><img src="https://avatars.githubusercontent.com/u/2922851?v=4?s=100" width="100px;" alt="Michel EDIGHOFFER"/><br />_{<b>Michel EDIGHOFFER</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=edimitchel" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/gsgonzalez88"><img src="https://avatars.githubusercontent.com/u/39884678?v=4?s=100" width="100px;" alt="Gerardo Sebastian Gonzalez"/><br />_{<b>Gerardo Sebastian Gonzalez</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=gsgonzalez88" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/marryday"><img src="https://avatars.githubusercontent.com/u/57489315?v=4?s=100" width="100px;" alt="Evseev Yuriy"/><br />_{<b>Evseev Yuriy</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/issues?q=author%3Amarryday" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/tomer953"><img src="https://avatars.githubusercontent.com/u/1807493?v=4?s=100" width="100px;" alt="Tomer953"/><br />_{<b>Tomer953</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/issues?q=author%3Atomer953" title="Bug reports">🐛</a> <a href="https://github.com/tomalaforge/angular-challenges/commits?author=tomer953" title="Documentation">📖</a> <a href="https://github.com/tomalaforge/angular-challenges/commits?author=tomer953" title="Code">💻</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/dmmishchenko"><img src="https://avatars.githubusercontent.com/u/51910160?v=4?s=100" width="100px;" alt="Dmitriy Mishchenko"/><br />_{<b>Dmitriy Mishchenko</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=dmmishchenko" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.sagardev.com.np"><img src="https://avatars.githubusercontent.com/u/30800393?v=4?s=100" width="100px;" alt="Sagar Devkota"/><br />_{<b>Sagar Devkota</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=Sagardevkota" title="Documentation">📖</a> <a href="https://github.com/tomalaforge/angular-challenges/commits?author=Sagardevkota" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://nelsonguti.dev/"><img src="https://avatars.githubusercontent.com/u/62297014?v=4?s=100" width="100px;" alt="Nelson Gutierrez"/><br />_{<b>Nelson Gutierrez</b>}</a><br /><a href="#translation-es-nelsongutidev" title="Translate in Spanish">🇪🇸</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/ho-ssain"><img src="https://avatars.githubusercontent.com/u/61125174?v=4?s=100" width="100px;" alt="Hossain K. M."/><br />_{<b>Hossain K. M.</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=ho-ssain" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/kabrunko-dev/"><img src="https://avatars.githubusercontent.com/u/142346548?v=4?s=100" width="100px;" alt="Diogo Nishikawa"/><br />_{<b>Diogo Nishikawa</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=kabrunko-dev" title="Code">💻</a> <a href="#translation-pt-kabrunko-dev" title="Translate in Portuguese">🇵🇹</a> <a href="https://github.com/tomalaforge/angular-challenges/commits?author=kabrunko-dev" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.streamoverlaypro.com"><img src="https://avatars.githubusercontent.com/u/1978642?v=4?s=100" width="100px;" alt="Erick Rodriguez"/><br />_{<b>Erick Rodriguez</b>}</a><br /><a href="#translation-es-ErickRodrCodes" title="Translate in Spanish">🇪🇸</a></td> <td align="center" valign="top" width="14.28%"><a href="https://eduardoroth.dev"><img src="https://avatars.githubusercontent.com/u/5419161?v=4?s=100" width="100px;" alt="Eduardo Roth"/><br />_{<b>Eduardo Roth</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=eduardoRoth" title="Documentation">📖</a> <a href="#translation-es-eduardoRoth" title="Translate in Spanish">🇪🇸</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/1fbr"><img src="https://avatars.githubusercontent.com/u/63980689?v=4?s=100" width="100px;" alt="Fernando Bello"/><br />_{<b>Fernando Bello</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=1fbr" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/webbomj"><img src="https://avatars.githubusercontent.com/u/86595717?v=4?s=100" width="100px;" alt="Лапин Андрей (Lapin Andrey)"/><br />_{<b>Лапин Андрей (Lapin Andrey)</b>}</a><br /><a href="#translation-ru-webbomj" title="Translate in Russian">🇷🇺</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Dinozavvvr"><img src="https://avatars.githubusercontent.com/u/45518871?v=4?s=100" width="100px;" alt="Dinar Shagaliev"/><br />_{<b>Dinar Shagaliev</b>}</a><br /><a href="#translation-ru-Dinozavvvr" title="Translate in Russian">🇷🇺</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/vimulatus"><img src="https://avatars.githubusercontent.com/u/63696128?v=4?s=100" width="100px;" alt="Vimulatus"/><br />_{<b>Vimulatus</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=vimulatus" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/alannelucq"><img src="https://avatars.githubusercontent.com/u/44091408?v=4?s=100" width="100px;" alt="Arthur LANNELUCQ"/><br />_{<b>Arthur LANNELUCQ</b>}</a><br /><a href="#translation-fr-alannelucq" title="Translate in French">🇫🇷</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/fixedmichal"><img src="https://avatars.githubusercontent.com/u/26270192?v=4?s=100" width="100px;" alt="fixed_michal"/><br />_{<b>fixed_michal</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/issues?q=author%3Afixedmichal" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Tenessy"><img src="https://avatars.githubusercontent.com/u/65855673?v=4?s=100" width="100px;" alt="Tenessy"/><br />_{<b>Tenessy</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/issues?q=author%3ATenessy" title="Bug reports">🐛</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://enochgao.github.io/"><img src="https://avatars.githubusercontent.com/u/41459067?v=4?s=100" width="100px;" alt="Enoch Gao"/><br />_{<b>Enoch Gao</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=EnochGao" title="Documentation">📖</a> <a href="#translation-ch-EnochGao" title="Translate in Chinese">🇨🇳</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/fpalmab"><img src="https://avatars.githubusercontent.com/u/7729812?v=4?s=100" width="100px;" alt="Francisco Palma"/><br />_{<b>Francisco Palma</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/issues?q=author%3Afpalmab" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/michalgrzegorczyk-dev"><img src="https://avatars.githubusercontent.com/u/47832176?v=4?s=100" width="100px;" alt="Michał Grzegorczyk"/><br />_{<b>Michał Grzegorczyk</b>}</a><br /><a href="https://github.com/tomalaforge/angular-challenges/commits?author=michalgrzegorczyk-dev" title="Documentation">📖</a></td> </tr> </tbody> <tfoot> <tr> <td align="center" size="13px" colspan="7"> <img src="https://raw.githubusercontent.com/all-contributors/all-contributors-cli/1b8533af435da9854653492b1327a23a4dbd0a10/assets/logo-small.svg"> <a href="https://all-contributors.js.org/docs/en/bot/usage">Add your contributions</a> </img> </td> </tr> </tfoot> </table> <!-- markdownlint-restore --> <!-- prettier-ignore-end --> <!-- ALL-CONTRIBUTORS-LIST:END --> Contributions of any kind are welcome. If I have forgotten to add you as a contributor, please reach out to me. 🙏 ## License MIT ", Assign "at most 3 tags" to the expected json: {"id":"4835","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"