Change backend port to 8080

README.md

@@ -89,7 +89,7 @@ cd starter-code-v2
 docker-compose up --build
 ```
 
-The backend runs at http://localhost:5001 (5000 conflicts with airplay on Mac) and the frontend runs at http://localhost:3000. By default, we use GraphQL (with TypeScript backend), REST (with Python backend), MongoDB, with user auth.
+The backend runs at http://localhost:8080 and the frontend runs at http://localhost:3000. By default, we use GraphQL (with TypeScript backend), REST (with Python backend), MongoDB, with user auth.
 
 
 ## Creating a Release

backend/python/Dockerfile

@@ -7,5 +7,5 @@ RUN pip install -r requirements.txt
 
 COPY . ./app
 
-EXPOSE 5000
+EXPOSE 8080
 ENTRYPOINT ["python", "server.py"]

backend/python/server.py

@@ -10,4 +10,4 @@
     config_name = os.getenv("FLASK_CONFIG") or "development"
     app = create_app(config_name)
 
-    app.run(host="0.0.0.0", port=int(os.getenv("PORT", 5000)))
+    app.run(host="0.0.0.0", port=int(os.getenv("PORT", 8080)))

backend/typescript/Dockerfile

@@ -13,5 +13,5 @@ RUN yarn install
 
 COPY . ./
 
-EXPOSE 5000
+EXPOSE 8080
 ENTRYPOINT ["yarn", "dev"]

backend/typescript/server.ts

@@ -32,7 +32,7 @@
   process.env.BACKEND_API_DEFAULT_PER_MINUTE_RATE_LIMIT || "15",
   10,
 );
 const limiter = RateLimit({
   windowMs: 1 * 60 * 1000, // 1 minute
   max: defaultMinuteRateLimit,
   standardHeaders: true, // Return rate limit info in the `RateLimit-*` headers
@@ -81,8 +81,8 @@
     }),
   });
 
-  app.listen({ port: process.env.PORT || 5000 }, () => {
+  app.listen({ port: process.env.PORT || 8080 }, () => {
     /* eslint-disable-next-line no-console */
-    console.info(`Server is listening on port ${process.env.PORT || 5000}!`);
+    console.info(`Server is listening on port ${process.env.PORT || 8080}!`);
   });
 });

docker-compose.yml

@@ -26,7 +26,7 @@ services:
       - ./backend/typescript:/app
       - /app/node_modules
     ports:
-      - 5001:5000
+      - 8080
     dns:
       - 8.8.8.8
     depends_on:
@@ -42,7 +42,7 @@ services:
       context: ./backend/python
       dockerfile: Dockerfile
     ports:
-      - 5001:5000
+      - 8080
     dns:
       - 8.8.8.8
     volumes:

frontend/src/components/pages/HooksDemo/HooksDemo.tsx

@@ -117,7 +117,7 @@ const HooksDemo = (): React.ReactElement => {
     const bannerTimer = setTimeout(() => {
       setBannerState({ emoji: bannerState.emoji, showBanner: false });
       // Show banner for 5 seconds
-    }, 5000);
+    }, 8080);
 
     return (): void => {
       // Recall cleanup functions are automatically applied before