AdventureOfAngular
It includes Angular tutorial projects. The projects in this repository include state management applications using the NgRx library.
Install / Use
/learn @NisanurBulut/AdventureOfAngularREADME
Give a Star! :star:
If you like or are using this project to learn or start your solution, please give it a star. Thanks!
<hr>1 CheckLife
This application describes the use of ngSwitchCase.

2 Orhun
- This application describes the using restful web api and json-server. Document search is done on google scholar. Documents can be added to the profile as a result of the search. A document attached to the profile cannot be added to the profile again.
- State management system for profile and book list components has been prepared with NgRx.

3 Archimedes
It is approximately equal to 3.14159. It has been represented by the Greek letter "π" since the mid-18th century, and is spelled out as "pi". It is also referred to as Archimedes' constant.
Archimedes is a pi calculator. It generates the number pi based on the number of digits.In this project, the use of ngrx library and useeffect has been implemented.

4 Pilanes
Ngrx library was used with Pilanes. State management has been made using the concepts of Effect, reducer and Action.Filtering can be done on the lists with ngRx. Exercises are shown with gifs.
Pilanes has two screens, an exercise list and a plan list.Plans are created with the exercise choices made. Plans can be deleted or viewed. When the plan is displayed, the exercises are lined up with the progress bar.
Pilanes data is kept in json file and CRUD operations are done with json-server. Angular-material was used in the project design.

5 Lena
<table> <tr> <td> <img src="https://github.com/NisanurBulut/AdventureOfAngular/blob/master/Lena/src/assets/lena.png" /> </td> <td> <i>Lenna or Lena is a 512 × 512 pixel standard test image that has been used since 1973, originally cut from a photograph in Playboy magazine's November 1972 issue. Photo by Swedish model Lena Söderberg, taken by Dwight Hooker. Wikipedia</i> </td> </tr> </table> With the Lena work, the use of pipes and redux patterns were practiced.
6 Harry Potter
<img align="left" width="100" height="100" src="https://github.com/NisanurBulut/AdventureOfAngular/blob/master/HarryPotter/src/assets/logo.png"><p>The tailswincss library is used on the HarryPotter interface with Angular FrameWork. The Harry Potter app lists movies, books, characters, hogwarts school clubs and staff information. The tailwindcss card component is used for listing. A separate card has been designed for each listing item. For Harry Potter data </p>

Helpfull Websites
Youtube-link-State Management With Ngrx Gif Repository State Management NgRx Pokemon Api Fixer-Api
Related Skills
node-connect
352.9kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
111.5kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
352.9kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
352.9kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
