Issue Tracker mixed content error

Tell us what’s happening:
when I click the submit button, it doesn’t do anything…I haven’t actually done anything in the API other than log to the console, but nothing is logging. I think it’s due to an error I’m getting:

Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure favicon ‘’. This request has been blocked; the content must be served over HTTPS.

This error is occuring when I remix the project glitch right out of the gate, without any changes.

Your code so far

Here is a link to my glitch. As I mentioned, however, the error is happening in the unmodified code right after remixing. And again, I haven’t done anything except log to the console so far, but the logs aren’t being recorded. I have gone through each file in the project to loof for references that might be HTTP rather than HTTPS but couldn’t find any. When I click the submit button, I am getting the following:

jquery-2.2.1.min.js:4 POST 404
send @ jquery-2.2.1.min.js:4
ajax @ jquery-2.2.1.min.js:4
(anonymous) @ (index):76
dispatch @ jquery-2.2.1.min.js:3
r.handle @ jquery-2.2.1.min.js:3

So in other words, it’s just going to the default handler (404).

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.70 Safari/537.36.

Challenge: undefined

Link to the challenge:

So the error had nothing to do with the issue, and the issue turned out to be the asynchronous nature of the DB connection. The lines for the connection are initially in the routes.js file, but the handlers for / and the 404 functionality is in server.js. The 404 middleware and the logic for the root route need to be included inside the mongo connection function. Was this placed there to intentionally throw us off as a challenge to work through, or is it something that an issue on the project’s repo should be opened for?

UPDATE: I created a pull request to fix this issue, as well as an issue with the form ids in index.html