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

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

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

source

This Post Has 21 Comments

  1. JavaCode

    The truth is if one person can help me with a laptop he will be when has saved me. I love programming but am tired of reading pdfs and video tutorials but when I have no where to implement the things I learn. The truth is have failed to afford a laptop i can use to study on Thanks for the Video

  2. Nicogh

    Great course!! Thank you 🙂

  3. Mo

    1.5x make this bearable.

  4. Be aware guys, java code pushed to git is not the same code as in backend part of this course – there are slight differences

  5. kevin onofre

    Thanks for using Java as Backend. 🗝 spring-dotenv is very Useful.

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

  7. Arun Joshi

    getting this error at the end
    Reviews.js:36 TypeError: reviews is not iterable
    at addReview (Reviews.js:28:1)… from […reviews]

  8. Louisan T

    Do you guys think I can do the front end part on my own using a framekwork of my choice ?

  9. Kelvin Gwari

    I am getting an Error when i try to getall movies

    Couldn't find PersistentEntity for type class java.lang.String

  10. ⭐ 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

  11. Testimony

    Thank you freecodecamp

    You guys are doing a great job

  12. Rajiv N

    Can you make more content on Java Full stack projects with Java with React/Angular, Oracle and other testing applications? Please it's a humble request.

  13. Daniil Palagin

    Hi, thank you for great tutorial. I have an issue with MongoTemplate. When i create a new review, i get this one:

    {

    "objectId": null,

    "body": "I really enjoy"

    }

Leave a Reply