NisanurBulut / AdventureOfAngular

It includes Angular tutorial projects. The projects in this repository include state management applications using the NgRx library.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Give a Star! ⭐

If you like or are using this project to learn or start your solution, please give it a star. Thanks!


1 CheckLife

This application describes the use of ngSwitchCase.

CheckLife

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.

Orhun

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.

Archimedes

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. Pilanes

5 Lena

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
With the Lena work, the use of pipes and redux patterns were practiced.

Lena

6 Harry Potter

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

Lena

Helpfull Websites

Youtube-link-State Management With Ngrx Gif Repository State Management NgRx Pokemon Api Fixer-Api

About

It includes Angular tutorial projects. The projects in this repository include state management applications using the NgRx library.

License:GNU General Public License v3.0


Languages

Language:TypeScript 73.7%Language:HTML 13.4%Language:JavaScript 8.1%Language:SCSS 3.3%Language:CSS 1.4%