Movie Full Stack Application with MongoDB, Spring Boot, and #Angular

In this comprehensive tutorial, we will walk you through the entire process of creating a powerful Movie Full Stack Application using MongoDB, Spring Boot, and Angular. we are using Angular 16 feature Angular Signal to build the frontend.

?Check out the full tutorial here: https://way2programming.com/article/Movie%20app%20Full%20Stack%20Development%20with%20Java%20Spring%20Boot,%20Angular,%20and%20MongoDB

? Learn how to design and develop a feature-rich movie application from scratch.
? Explore the benefits of MongoDB as a NoSQL database for storing movie data.
⚙️ Harness the power of Spring Boot to build a robust backend API.
? Dive into the cutting-edge features of Angular 16 for a dynamic front-end experience.

By the end of this tutorial, you'll have a fully functional movie application that demonstrates the synergy of these technologies. Whether you're a beginner or an experienced developer, this tutorial has something for everyone.

Description:
0:00 - Overview of the application
1:05 - Step 1 - Download and install MongoDB
4:58 - Step 2 - Insert movie data manually
5:51 - Step 3 - Create Spring Boot Project from the Spring Initializer
11:27- Step 4 - Add database properties in application.properties
12:01 - Step 5 - Securing database values in the .env file and ignore this file for git
14:32 - Step 6 - Develop entities or models
19:45 - Step 7 - Develop a movie repository
21:38 - Step 8 - Get all movies
27:45- Step 9 - Get one movie using imdbId
33:25 - Step 10 - Create a review repository and service and add the custom constructor in the review model
40:14 - Step 11 - Create a review controller and test the endpoint
46:20 - Step 12 - Create Angular Project and Setup Proxy
51:45 - Step 13 - Install ng-bootstrap
53:09 - Step 14 - Install Font Awesome in Angular
54:38 - Step 15 - Angular app structure
55:22 - Step 16 - Create all the components using Angular CLI
56:17 - Step 17 - Configure routes in app-routing.module.ts
58:25 - Step 18 - Create a template for the navbar component
1:01:50 - Step 19 - Create a template for the home component
1:19:05 - Step 20 - Create a template for the trailer component
1:20:16 - Step 21 - Create a template for review component
1:25:53 - Step 22 - Get the movies and display them at the home component for the carousel
1:36:15 - Step 23 - Implement the navigation to the trailer and review page
1:40:39 - Step 24 - Integrate the Trailer page
1:58:55 - Step 25 - Insert some reviews from the Postman
1:59:48 - Step 26 - Integrate the Review page
2:03:21 - Step 27 - Post the review
2:08:06 - Step 28 - On refresh trailer and review component our functionality will break: fix
2:09:30 - Step 29 - Refactor find selected movie functionality

Don't forget to like, share, and subscribe for more exciting tutorials!