FullStack Todo App with Angular - Material - Firebase - CI/CD with Github Action
In this video, a Todo Application is created from scratch using Angular,
Angular Material for style with custom theme,
Firebase for Authentication, Storage of Data, and Hosting.
Github Action is used for CI/CD.
Unit Test and ESLint setup is also covered.
Repo: https://github.com/jintoppy/angular-f...
FrontendMentor Challenge: https://www.frontendmentor.io/challen...
Tutorial for Adding Custom Icon in Angular: https://www.digitalocean.com/communit...
AngularFire Repo - https://github.com/angular/angularfire
#angular #fullstack #firebase #material #angularmaterial #authentication #cicd #githubactions
Timestamps
0:00 Intro
01:20 Demo
02:58 Approach
04:34 Angular Setup
09:15 Material Setup
14:09 Firebase Setup
25:19 Initial Layout
34:47 Add Todo
54:02 Login
1:13:14 Filter Todos
1:34:13 Mark Todo as Completed
1:39:44 Delete Todo/s
1:50:21 Custom Icon
1:56:57 Switch Theme
2:09:50 App Header
2:17:27 Dynamic Page Title
2:20:40 Material CDK for Mobile Layout
2:26:23 Final Layout Fixes
2:44:46 Unit Test
3:07:29 ESLint Setup
3:17:12 Hosting on Firebase
3:25:17 Github Code Actions for CI/CD
3:28:47 Auth Guard
3:31:45 Github Branch Protection
3:33:18 CI/CD In Action
3:35:57 Conclusion
Auf dieser Seite können Sie das Online-Video FullStack Todo App with Angular - Material - Firebase - CI/CD with Github Action mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer FullStack JavaScript Channel 22 September 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,338 Mal angesehen und es wurde von 32 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
