Full Stack Development with Java Spring Boot, React, and MongoDB – Full Course

In this full stack development course, you will learn how to create an application using MongoDb for the database, Java and Spring Boot for the backend, and React for the frontend. You will learn to develop a movie review application that will feature a separation of concerns between the client cod...

In this full stack development course, you will learn how to create an application using MongoDb for the database, Java and Spring Boot for the backend, and React for the frontend. You will learn to develop a movie review application that will feature a separation of concerns between the client code and the server code. By implementing this loosely coupled architecture, these two parts (implemented using different technologies) can evolve in parallel and independently from one another. ✏️ Farhan Hasin Chowdhury teaches the backend section. ✏️ Gavin Lon teaches the frontend section. @GavinLon 💻 Backend Code: https://github.com/fhsinchy/movieist 💻 Frontend Code: https://github.com/GavinLonDigital/movie-gold-v1 🔗 Spring Initializr - https://start.spring.io/ 🔗 JDK Download Page: https://www.oracle.com/java/technologies/downloads/ 🔗 IntelliJ IDEA Download Page: https://www.jetbrains.com/idea/download/ 🔗 Postman Download Page: https://www.postman.com/downloads/ 🏗 MongoDB provided a grant to make this course possible. ❤️ Try interactive Full Stack courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Fullstack (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:01:48) JDK and IntelliJ IDEA Installation ⌨️ (0:06:13) MongoDB Atlas ⌨️ (0:20:35) Project Initialization ⌨️ (0:27:03) Project Structure ⌨️ (0:29:13) Running The Project ⌨️ (0:32:41) Writing The First Endpoint ⌨️ (0:35:33) Database Configuration ⌨️ (0:38:49) Installing Additional Dependencies ⌨️ (0:44:48) Setting Up Environment Variables ⌨️ (0:47:20) Movies and Reviews Endpoints ⌨️ (1:31:46) Testing ⌨️ (1:35:42) Backend Conclusion ⌨️ (1:36:45) Frontend Introduction ⌨️ (1:38:32) Create the React Project ⌨️ (1:43:49) Applying Bootstrap to our React application ⌨️ (1:52:47) Implementing the Use State and Use Effect Hooks ⌨️ (1:58:04) Create Home and Hero Component ⌨️ (2:06:56) Style the Carousel ⌨️ (2:15:21) Create Header Component (Navigation) ⌨️ (2:21:55) Create Trailer Component with react-player ⌨️ (2:28:46) Create Movie Reviews Functionality ⌨️ (2:34:43) Add and Get Reviews with HTTP Requests ⌨️ (2:40:33) Course Wrap Up 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news