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 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

🏗 MongoDB provided a grant to make this course possible.

⭐️ 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

--

[bishnudev]

Thanks for using Java as Backend. I always wanted to give it a try with React & MongoDB. ❤️

[PrathameshMawlankar]

Thanks for bringing content on Java and Springboot after a long time. Please do more of Spring content like these regularly.

[goodnightmr]

I just wanted to say that the work that you guys are doing is absolutely phenomenal, and that you are giving people hope inspiration and opportunity where others have turned them down. Thank you for being the light in the darkness.

[blue_stragglers]

@1:57:30
Because the Tomcat’s port is 8080 and the React’s port is 3000, there is a cross-domain problem, and requests will be blocked by the CORS policy.
All you need is to add this annotation to your Controller Class:
@CrossOrigin(origins = "*")
And then restart the Spring Boot project.
The problem is solved!

[Anonymous_]

This was exactly the tech stack I was looking for Once again Thanks to all the creators

[officialcodingnotes]

This is an amazing course. I really enjoyed getting better at all these technologies.

[jordvnjwlz]

This is perfect! I just started a project and all I know is HTML/CSS with a little of JS, and this 'stack' is almost exactly to what I'm using.

[idanlib]

One more tip for anyone at 2:08:52 who isn't seeing the posters, getting an error that "movies" in the Hero component is undefined and therefore you can't map over it -- this is because, upon the first render, the movies props are passed down the tree BEFORE the async API called has returned. So, what's being passed is an uninitilaized value, over which you cannot map(), so that's why the app crashes.

To fix, simply initialize the movies state to an EMPTY ARRAY (don't just leave it blank like in the tutorial).

Hope that helps!

[bwbs]

Please make more video tutorials doing complete full-stack development this seems super helpful so far.

[darkiller]

I can't thank you guys enough, this course came in the right moment.

[janhoable]

45:00 if you are using Spring Dot env 3.0.0 get this error:
an srv host name '${env.mongo_cluster}' was provided that does not contain at least three parts. it must contain a hostname, domain name and a top level domain.

switch back to 2.5.4 and should work just fine.

[npx_riff_lift-g]

Farhan has an absolute god-like teaching ability. Making my life a lot easier😂👏🏼

[anastasianaumko]

Thanks for this amazing tutorial. Really appreciated involving Java backend. It is really priceless to see how the full stack project works as a whole, end to end from inside out, especially for people who usually doing only a part of it 😌

[misaelholanda]

Thanks guys! It was awesome! I loved all the process! God bless you! 😀

[giuseppemigliozzi]

Thanks a lot for this content guys! Please upload more Spring content!

[CyberSecGh]

I loved the beginning, the backend took his time to explain things but the front end was just rushing the who thing without proper understanding, course for beginners and you rushing us through like pros, the course was great at the backend, I can't say same for the front end cos I feel he rushed it and basically less understanding.

[andylib]

Love the inclusion of Spring 🙏🏻 keep it up - especially if reactive webflux will be taught 😍

[ravindrapunekar]

Thank you Both Instuctors and FreeCodecamp for this wonderful Course

[Marcusube]

Love this! Please upload more Spring Boot content

[cherriepie]

Great tutorial on Spring Boot I've learned much I can't thank you enough! So many boring and convoluted tutorials I've seen this is the one I just sat and walked it through all the way. Thank you, Farhan!