Full-Stack Web Development with Vue.js and Node

Building the Real Application Chapter 5 Now, with this, when we submit a movie, we should be able to see a success message befor ...

Building the Real Application Chapter 5 API endpoint to fetch all movies First, we need to add an endpoint to fetch all the movi ...

Building the Real Application Chapter 5 Modifying Home.vue to display dynamic content Now, let's update our Home.vue, which will ...

Building the Real Application Chapter 5 conniving Lex Luthor (Jesse Eisenberg) launches his own crusade against the Man of Steel ...

Building the Real Application Chapter 5 <v-card-actions> <v-btn flat color="purple">Rate this movie</v-btn> &l ...

Building the Real Application Chapter 5 <v-btn flat color="purple">Rate this movie</v-btn> <v-spacer></v-sp ...

Building the Real Application Chapter 5 url: 'http://localhost:8081/movies', }) .then((response) => { this.movies = response. ...

Building the Real Application Chapter 5 As you can see, we have used the vue directive for. The key is used to assign a unique i ...

Building the Real Application Chapter 5 {{ movie.name }} </v-btn> </div> <span class="grey--text">{{ movie.rel ...

Building the Real Application Chapter 5 movie: [], }; }, mounted() { this.fetchMovie(); }, methods: { async fetchMovie() { retur ...

Building the Real Application Chapter 5 { path: '/contact', name: 'Contact', component: Contact, }, { path: '/movies/add', name: ...

Building the Real Application Chapter 5 app.post('/movies', (req, res) => { const newMovie = new MovieSchema({ name: req.body ...

Building the Real Application Chapter 5 Here, we have also added an area where a user can click on to Rate this Movie. Let's mov ...

Building the Real Application Chapter 5 rating(newVal) { state.note = newVal; }, }, template: ` <div class="rating"> How w ...

Building the Real Application Chapter 5 this.$swal('Oh oo!', `${message}`, 'error'); }); }); }, async fetchMovie() { return axio ...

Building the Real Application Chapter 5 if (error) { console.error(error); } res.send(movie) }) }) // rate a movie app.post('/mo ...

Building the Real Application Chapter 5 user_id: String, rate: Number }) const Rating = mongoose.model("Rating", RatingSchema) m ...

Building the Real Application Chapter 5 Summary In this chapter, we covered what Vue.js is! We built a static application that l ...

6 Building Authentication with passport.js Authentication is a vital part of any application. Authentication is a way to secure ...

Building Authentication with passport.js Chapter 6 Introduction to passport.js passport.js is a middleware provided by Node.js f ...