MERN stack application help

I’m trying to build the Todo app here: https://www.freecodecamp.org/news/how-to-build-a-todo-app-with-react-typescript-nodejs-and-mongodb/.

I’ve separated out the client and server parts into their own folders, setup the MongoDB cluster, whitelisted the IP address, set and reset the user/pass, and independently started both the client and server side in separate Git Bash terminals.

The problem is that when the client-side browser window opens, I get an “Error: Error: Network Error
at getTodos” and a “Failed to load resource: net::ERR_SSL_PROTOCOL_ERROR” in the console.

I can see that the server side started up fine because there are no errors and the terminal says “Server running on https://localhost:4000”. However, I can’t get past the client-side error. Does anyone have any ideas?

I would expect the local server to be “http”, not “https”.

That turned out to just be a type-o in the console.log statement for when mongoose connects to the database.

However, I’m now at a point where I don’t get any sort of response from the mongoose.connect call that makes the initial connection to the database. So, I’m still not sure if the MongoDB connection actually happened.

Is there a better way to debug any of this? I’m getting over my head pretty quickly here and I don’t really know how to go about solving this issue.