Update final project dependencies (#17)

Update all server and client dependencies for 2024.

Author: stasel

.github/workflows/cypress-tests.yml

@@ -11,10 +11,10 @@ jobs:
     runs-on: ubuntu-latest
     env:
       # Server environment variables
-      PORT: 5000
+      PORT: 3000
       MONGODB_URL: ${{ secrets.CYPRESS_MONGODB_URL }}
       # Client environment variables
-      BASE_SERVER_URL: http://localhost:5000
+      BASE_SERVER_URL: http://localhost:3000
 
     steps:
       - name: Checkout
@@ -24,7 +24,7 @@ jobs:
       - name: Setup server and client
         run: npm run setup
       - name: Cypress run
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v6
         with:
           # start up the dev environment
           start: npm run dev

.gitignore

@@ -13,4 +13,5 @@ coverage
 .env
 
 # Cypress videos from our headless runs should not be pushed to github
-cypress/videos
+cypress/videos
+cypress/screenshots

DEV.md

@@ -10,7 +10,7 @@ To start developing, make sure you have created the `.env` files and did the set
 
 The client will be built using `webpack`. The configuration for that is in the `webpack.config.js` file. When running in production the command `npm run build` will be run which will create a `dist` folder with the compiled version of the code. When running in dev mode the `webpack-dev-server` will build it in memory. This will also automatically rebuild on file changes!
 
-Our client will always run on `https://localhost:8080`. So if it does not automatically open your browser you can go to that URL. It will connect to the URL put in the `.env` file, defaulting to `https://localhost:5000`.
+Our client will always run on `https://localhost:8080`. So if it does not automatically open your browser you can go to that URL. It will connect to the URL put in the `.env` file, defaulting to `https://localhost:3000`.
 
 You will also notice that to connect to the server our `useFetch` hook adds `/api` to the url. This is because on `heroku` our backend not only has its own routes but also hosts the client code. This way it allows us to differentiate between what needs to return the client code and what is an actual request to our backend.
 

README.md

@@ -1,8 +1,8 @@
 `TODO: Add a nice screenshot of the app!`
 
-# Class XX final project
+# Cohort XX final project
 
-This is the final project for the HackYourFuture curriculum we did as a class using the MERN stack by following the agile methodology with our team and a group of mentors. A quick guide to what we built:
+This is the final project for the HackYourFuture curriculum we did as a cohort using the [MERN stack](https://www.mongodb.com/resources/languages/mern-stack) by following the agile methodology with our team and a group of mentors. A quick guide to what we built:
 
 > TODO: Add short description of the app
 

client/.env.example

@@ -1,4 +1,4 @@
 # If you add variables here, then don't forget to also add it to the webpack.config file so it gets loaded
 
 # The URL that the frontend will use to connect to the backend
-BASE_SERVER_URL=http://localhost:5000
+BASE_SERVER_URL=http://localhost:3000