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
On this page of the site you can watch the video online FullStack Todo App with Angular - Material - Firebase - CI/CD with Github Action with a duration of hours minute second in good quality, which was uploaded by the user FullStack JavaScript Channel 22 September 2022, share the link with friends and acquaintances, this video has already been watched 1,338 times on youtube and it was liked by 32 viewers. Enjoy your viewing!
