Defining ProFitOro components
Exercise
Implementing the Pomodoro timer
SVG and trigonometry
Exercise
Implementing the countdown timer component
Responsiveness and adaptiveness of the countdown timer using Bootstrap
Countdown timer component – let's count down time!
Exercise
Pomodoro timer
Exercise
Introducing workouts
Summary
5. Configuring Your Pomodoro
Setting up a Vuex store
Defining actions and mutations
Setting up a Firebase project
Connecting the Vuex store to the Firebase database
Exercise
Summary
6. Please Authenticate!
AAA explained
How does authentication work with Firebase?
How to connect the Firebase authentication API to a web application
Authenticating to the ProFitOro application
Making the authentication UI great again
Managing the anonymous user
Personalizing the Pomodoro timer
Updating a user's profile
Summary
7. Adding a Menu and Routing Functionality Using vue-router and Nuxt.js
Adding navigation using vue-router
Exercise - restrict the navigation according to the authentication
Using Bootstrap navbar for navigation links
Code splitting or lazy loading
Server-side rendering
Nuxt.js
Adding links with nuxt-link
Exercise – making the menu button work
Nuxt.js and Vuex store
Nuxt.js middleware
Exercise – finish 'em all!
Summary
评论1