Build a CRUD with VueJS & Firebase

CRUD

Installation & Firebase setup

11:02 | video

Setup store & install Vuetify

04:29 | video

User registration

14:41 | video

User login & logout

11:58 | video

Route protection

04:12 | video

Store games

12:30 | video

Fetch games from firestore

07:16 | video

Manage auth state after refresh

01:52 | video

Update games

14:40 | video

VueJS pass data to parent

10:42 | video

Delete games

06:04 | video

Fetch all games with author

06:55 | video

Lets improve UX

04:37 | video

Deploy to Netlify and Vercel

04:10 | video

Coders Diaries

Manage auth state after refresh

Every time we refresh the page we will lose the firebase authentication state inside our app. In order to maintain the authentication state even after a page refresh, we need to use a firebase observer.


Lesson Discussions