Create a containerize environment for development workflow

[ctmbl]

Close #64

This PR adds Dockerfiles and docker-compose file as well as a nginx conf template for development mode.
The main differences with the prod mode are:

• shared volume for the source code, it is not embedded in the image
• no certbot/no HTTPS because we don't need it => a different nginx config
• not compiled frontend (then less efficient but should refresh itself on code changes)
• that's it I think?

What solutions I chose

• node_modules are in the image, so they don't overlap with one that could exists on home system, also we don't share the whole frontend and backend folder so local node_modules don't overlap with containerized one
• separated files for dev and prod mode (for Docker, compose, and nginx) --> see next section

What still needs to be done/doesn't satisfy me

• the nginx conf simply doesn't work at the time I would greatly appreciate the help of @atxr --> it works see below tks to 00d0912
• the backend fails to reach mongoDB I get the error (1) (see Appendices section)
• the frontend seems to fail to reach the backend I get (2)
• I didn't tested that the website refreshes well on code chnages but I don't doubt that it does because the volumes are shared (cf the docker-compose-dev.yml) --> tested well on fc1c601
• the call MODE=$MODE ./run_nginx.sh in nginx/Dockerfile isn't really beautiful I'd say
• different Dockerfiles or an only one with multiple targets? --> don't care for now

Appendices

(1)

iscscfr-node-app-dev-1   | MongooseServerSelectionError: Could not connect to any servers in your MongoDB Atlas cluster. One common reason is that you're trying to access the database from an IP that isn't whitelisted. Make sure your current IP address is on your Atlas cluster's IP whitelist: https://www.mongodb.com/docs/atlas/security-whitelist/
iscscfr-node-app-dev-1   |     at Connection.openUri (/backend/node_modules/mongoose/lib/connection.js:825:32)
iscscfr-node-app-dev-1   |     at /backend/node_modules/mongoose/lib/index.js:414:10
iscscfr-node-app-dev-1   |     at /backend/node_modules/mongoose/lib/helpers/promiseOrCallback.js:41:5
iscscfr-node-app-dev-1   |     at new Promise (<anonymous>)
iscscfr-node-app-dev-1   |     at promiseOrCallback (/backend/node_modules/mongoose/lib/helpers/promiseOrCallback.js:40:10)
iscscfr-node-app-dev-1   |     at Mongoose._promiseOrCallback (/backend/node_modules/mongoose/lib/index.js:1288:10)
iscscfr-node-app-dev-1   |     at Mongoose.connect (/backend/node_modules/mongoose/lib/index.js:413:20)
iscscfr-node-app-dev-1   |     at Object.<anonymous> (/backend/app.js:23:4)
iscscfr-node-app-dev-1   |     at Module._compile (node:internal/modules/cjs/loader:1254:14)
iscscfr-node-app-dev-1   |     at Module._extensions..js (node:internal/modules/cjs/loader:1308:10) {
iscscfr-node-app-dev-1   |   reason: TopologyDescription {
iscscfr-node-app-dev-1   |     type: 'ReplicaSetNoPrimary',
iscscfr-node-app-dev-1   |     servers: Map(3) {
iscscfr-node-app-dev-1   |       'ac-a2ywkbi-shard-00-01.a11re32.mongodb.net:27017' => [ServerDescription],
iscscfr-node-app-dev-1   |       'ac-a2ywkbi-shard-00-02.a11re32.mongodb.net:27017' => [ServerDescription],
iscscfr-node-app-dev-1   |       'ac-a2ywkbi-shard-00-00.a11re32.mongodb.net:27017' => [ServerDescription]
iscscfr-node-app-dev-1   |     },
iscscfr-node-app-dev-1   |     stale: false,
iscscfr-node-app-dev-1   |     compatible: true,
iscscfr-node-app-dev-1   |     heartbeatFrequencyMS: 10000,
iscscfr-node-app-dev-1   |     localThresholdMS: 15,
iscscfr-node-app-dev-1   |     setName: 'atlas-s2e0y3-shard-0',
iscscfr-node-app-dev-1   |     maxElectionId: null,
iscscfr-node-app-dev-1   |     maxSetVersion: null,
iscscfr-node-app-dev-1   |     commonWireVersion: 0,
iscscfr-node-app-dev-1   |     logicalSessionTimeoutMinutes: null
iscscfr-node-app-dev-1   |   },
iscscfr-node-app-dev-1   |   code: undefined
iscscfr-node-app-dev-1   | }

(2)

iscscfr-react-app-dev-1  | Proxy error: Could not proxy request /api/articles from localhost:3000 to http://localhost:3001.
iscscfr-react-app-dev-1  | See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).

[ctmbl]

I was getting with nginx container the following error:

iscscfr-nginx-1          | 2023/03/30 13:57:46 [emerg] 9#9: host not found in upstream "react-app" in /etc/nginx/nginx.conf:40

00d0912 have fixed it but still the backend doesn't reach mongo DB

[amtoine]

looks good for now.

solving the issues that make docker compose not run properly and i'll approve this 👌

[atxr]

Last commit introduces two errors 🤔

[ctmbl]

This PR will stay idle for a while because we'll be working on two major changes that'll affect it:

• migrate the DB to a local docker container, that should solve on the bug we currently experience
• migrate the backend to python

[atxr]

Will do this evening 🚒

[ctmbl]

@atxr tks!

[atxr]

Thanks to b0ab27d, everything is working on my side!
Let's merge this 🏑

[gbrivady]

Had to try twice to make it work, but with the help of @ctmbl to clean and re-install everything it is working, so I'm going to suppose it was an error on my side.

Anyway thanks for the scripts and the updated readme, much better and simpler that way to test everything!

Good to go for me then 🚀

[J3y0]

I am honnestly not qualified and have no idea of how to configure a docker-compose.yml file. I have no idea how it is constructed and as it has to be merged quickly, I have a plain confidence in what you have written ! Same thing for the nginx-related files.

For the Dockerfile, this looks good to me ! Same for bash scripts, I just have one or two questions.

Finally, the README.md is very clear. I just add a suggestion because I was wondering myself how to check the status for a second and I would have love not to think about it and blindly copy the command right from the README.md !

Thanks a lot for the amazing PR. That will ease a lot the deployment !

[gbrivady]

✔️