Update mongoDB instructions and pictures in part 3

Author: vejol

src/content/3/en/part3c.md

@@ -77,15 +77,11 @@ Read now the chapters on [collections](https://docs.mongodb.com/manual/core/data
 
 Naturally, you can install and run MongoDB on your computer. However, the internet is also full of Mongo database services that you can use. Our preferred MongoDB provider in this course will be [MongoDB Atlas](https://www.mongodb.com/atlas/database).
 
-Once you've created and logged into your account, let us start by selecting the free option:
-
-![mongodb deploy a cloud database free shared](../../images/3/mongo1.png)
-
-Pick the cloud provider and location and create the cluster:
+Once you've created and logged into your account, let's create a new cluster using the button visible on the front page. From the view that opens, select the free plan, determine the cloud provider and data center, and create the cluster:
 
 ![mongodb picking shared, aws and region](../../images/3/mongo2.png)
 
-Let's wait for the cluster to be ready for use. This can take some minutes.
+The provider selected is <i>AWS</i> and the region is <i>Stockholm (eu-north-1)</i>. Note that if you choose something else, your database connection string will be slightly different from this example. Wait for the cluster to be ready, which will take a few minutes.
 
 **NB** do not continue before the cluster is ready.
 
@@ -98,19 +94,19 @@ Next, we have to define the IP addresses that are allowed access to the database
 ![mongodb network access/add ip access list](../../images/3/mongo4.png)
 
 Note: In case the modal menu is different for you, according to MongoDB documentation, adding 0.0.0.0 as an IP allows access from anywhere as well.
-  
-Finally, we are ready to connect to our database. To do this, we need the database connection string, which can be found by first clicking <i>connect</i> and then  choosing <i>Connect to your application</i>:
+
+Finally, we are ready to connect to our database. To do this, we need the database connection string, which can be found by selecting <i>Connect</i> and then <i>Drivers</i> from the view, under the <i>Connect to your application</i> section:
 
 ![mongodb database deployment connect](../../images/3/mongo5.png)
 
 The view displays the <i>MongoDB URI</i>, which is the address of the database that we will supply to the MongoDB client library we will add to our application:
 
-![mongodb connect application](../../images/3/mongo6.png)
+![mongodb connect application](../../images/3/mongo6new.png)
 
 The address looks like this:
 
 ```js
-mongodb+srv://fullstack:[email protected]/?retryWrites=true&w=majority
+mongodb+srv://fullstack:[email protected]/?retryWrites=true&w=majority&appName=Cluster0
 ```
 
 We are now ready to use the database.
@@ -138,7 +134,7 @@ if (process.argv.length<3) {
 const password = process.argv[2]
 
 const url =
-  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/?retryWrites=true&w=majority`
+  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0`
 
 mongoose.set('strictQuery',false)
 
@@ -186,7 +182,7 @@ Let's destroy the default database <i>test</i> and change the name of the databa
 
 ```js
 const url =
-  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/noteApp?retryWrites=true&w=majority`
+  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/noteApp?retryWrites=true&w=majority&appName=Cluster0`
 ```
 
 Let's run our code again:
@@ -368,7 +364,7 @@ const password = process.argv[2]
 
 // DO NOT SAVE YOUR PASSWORD TO GITHUB!!
 const url =
-  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/?retryWrites=true&w=majority`
+  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0`
 
 mongoose.set('strictQuery',false)
 mongoose.connect(url)
@@ -384,7 +380,7 @@ const Note = mongoose.model('Note', noteSchema)
 To avoid authentication issues with the password variable in index.js, we need to create a .env file by running npm install dotenv in the command line. Then, let's create the .env file in the root of your directory. In that file, you should place your URI:
 
 ```
-MONGODB_URI="mongodb+srv://fullstack:[email protected].mongodb.net/?retryWrites=true&w=majority&appName=db"
+MONGODB_URI="mongodb+srv://fullstack:[email protected].mongodb.net/?retryWrites=true&w=majority&appName=Cluster0"
 ```
 Don't forget to replace the string with your details. 
 Once the .env file is ready, remember to add it to your .gitignore file to prevent pushing the password to Git:
@@ -536,7 +532,7 @@ npm install dotenv
 To use the library, we create a <i>.env</i> file at the root of the project. The environment variables are defined inside of the file, and it can look like this:
 
 ```bash
-MONGODB_URI=mongodb+srv://fullstack:[email protected]/noteApp?retryWrites=true&w=majority
+MONGODB_URI=mongodb+srv://fullstack:[email protected]/noteApp?retryWrites=true&w=majority&appName=Cluster0
 PORT=3001
 ```
 
@@ -579,7 +575,7 @@ However, a [better option](https://community.fly.io/t/clarification-on-environme
 and set the env value from the command line with the command:
 
 ```bash
-fly secrets set MONGODB_URI="mongodb+srv://fullstack:[email protected]/noteApp?retryWrites=true&w=majority"
+fly secrets set MONGODB_URI="mongodb+srv://fullstack:[email protected]/noteApp?retryWrites=true&w=majority&appName=Cluster0"
 ```
 
 Since the PORT also is defined in our .env it is actually essential to ignore the file in Fly.io since otherwise the app starts in the wrong port.

src/content/3/fi/osa3c.md

@@ -77,15 +77,11 @@ Lue nyt linkitetty [johdanto](https://github.com/fullstack-hy2020/misc/blob/mast
 
 MongoDB:n voi asentaa paikallisesti omalle koneelle. Internetistä löytyy kuitenkin myös palveluna toimivia Mongoja, joista tämän hetken paras valinta on [MongoDB Atlas](https://www.mongodb.com/atlas/database).
 
-Kun käyttäjätili on luotu ja kirjauduttu, Aloitetaan valitsemalla kokeiluihin sopiva ilmainen vaihtoehto
-
-![Valitaan 'shared', joka on ilmainen](../../images/3/mongo1.png)
-
-Valitaan sopiva pilvipalvelu ja konesali, ja luodaan klusteri:
+Kun käyttäjätili on luotu ja kirjauduttu, luodaan käyttöömme uusi klusteri etusivulla näkyvästä painikkeesta. Avautuvasta näkymästä valitaan kokeiluihin sopiva ilmainen vaihtoehto sekä pilvipalvelu ja konesali, ja luodaan klusteri:
 
 ![Valitaan esim AWS Stockholm ja klikataan Create cluster](../../images/3/mongo2.png)
 
-Odotetaan että klusteri on valmiina, mihin menee noin useita minuutteja.
+Provideriksi on valittu _AWS_ ja Regioniksi _Stockholm (eu-north-1)_. Huomaa, että jos valitset näihin jotakin muuta, tulee tietokannan yhteysosoitteesi olemaan hieman erilainen kuin tässä esimerkissä. Odotetaan että klusteri on valmiina, mihin menee joitakin minuutteja.
 
 **HUOM:** Älä jatka eteenpäin ennen kun klusteri on valmis!
 
@@ -97,7 +93,7 @@ Seuraavaksi tulee määritellä ne IP-osoitteet, joista tietokantaan pääsee k
 
 ![Valitaan Network access ‑välilehdeltä 'Allow access from anywhere'](../../images/3/mongo4.png)
 
-Lopulta ollaan valmiina ottamaan tietokantayhteys. Yhteyden muodostamiseksi tarvitsemme tietokannan yhteysosoitteen, joka löytyy esimerkiksi valitsemalla <i>connect</i> ja sen jälkeisestä näkymästä <i>connect your application</i>:
+Lopulta ollaan valmiina ottamaan tietokantayhteys. Yhteyden muodostamiseksi tarvitaan tietokannan yhteysosoite, joka löytyy esimerkiksi valitsemalla <i>connect</i> ja sen jälkeisestä näkymästä <i>Connect your application</i>-osiosta kohta <i>Drivers</i>:
 
 ![Valitaan Databases-välilehdeltä 'Connect'](../../images/3/mongo5.png)
 
@@ -108,7 +104,7 @@ Näkymä kertoo <i>MongoDB URI:n</i> eli osoitteen, jonka avulla sovelluksemme k
 Osoite näyttää seuraavalta:
 
 ```bash
-mongodb+srv://fullstack:[email protected]/?retryWrites=true&w=majority
+mongodb+srv://fullstack:[email protected]/?retryWrites=true&w=majority&appName=Cluster0
 ```
 
 Olemme nyt valmiina kannan käyttöön.
@@ -136,7 +132,7 @@ if (process.argv.length<3) {
 const password = process.argv[2]
 
 const url =
-  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/?retryWrites=true&w=majority`
+  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0`
 
 mongoose.set('strictQuery', false)
 mongoose.connect(url)
@@ -179,7 +175,7 @@ Tuhotaan oletusarvoisen nimen saanut kanta <i>test</i>. Päätetään käyttää
 
 ```js
 const url =
-  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/noteApp?retryWrites=true&w=majority`
+  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/noteApp?retryWrites=true&w=majority&appName=Cluster0`
 ```
 
 Suoritetaan ohjelma uudelleen:
@@ -359,7 +355,7 @@ const mongoose = require('mongoose')
 
 // ÄLÄ KOSKAAN TALLETA SALASANOJA GitHubiin!
 const url =
-  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/?retryWrites=true&w=majority`
+  `mongodb+srv://fullstack:${password}@cluster0.a5qfl.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0`
 
 mongoose.set('strictQuery',false)
 mongoose.connect(url)
@@ -503,7 +499,7 @@ npm install dotenv
 Sovelluksen juurihakemistoon tehdään sitten tiedosto nimeltään <i>.env</i>, jonne tarvittavien ympäristömuuttujien arvot määritellään. Tiedosto näyttää seuraavalta:
 
 ```bash
-MONGODB_URI=mongodb+srv://fullstack:[email protected]/noteApp?retryWrites=true&w=majority
+MONGODB_URI=mongodb+srv://fullstack:[email protected]/noteApp?retryWrites=true&w=majority&appName=Cluster0
 PORT=3001
 ```
 
@@ -548,7 +544,7 @@ Koska Fly.io ei hyödynnä gitiä, menee myös .env-tiedosto Fly.io:n palvelimel
 ja asettaa ympäristömuuttujan arvo komennolla:
 
 ```
-fly secrets set MONGODB_URI='mongodb+srv://fullstack:[email protected]/noteApp?retryWrites=true&w=majority'
+fly secrets set MONGODB_URI='mongodb+srv://fullstack:[email protected]/noteApp?retryWrites=true&w=majority&appName=Cluster0'
 ```
 
 Koska .env-tiedosto määrittelee myös ympäristömuuttujan PORT arvon, on .env:in ignorointi oikeastaan välttämätöntä jotta sovellus ei yritä käynnistää itseään väärään portiin.