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
Watch video FullStack Todo App with Angular - Material - Firebase - CI/CD with Github Action online without registration, duration hours minute second in high quality. This video was added by user FullStack JavaScript Channel 22 September 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,338 once and liked it 32 people.