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