containerization with docker compose

Author: oahmedqureshi

backend/Dockerfile.dev

@@ -0,0 +1,22 @@
+FROM node:alpine
+
+# RUN addgroup vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-fe && adduser -S -G vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-fe vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-fe
+# USER vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-fe
+
+WORKDIR /usr/vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-fe
+
+COPY package*.json ./
+RUN npm install -g npm@7.16.0
+ENV NODE_ENV=development
+RUN npm install 
+COPY ./ ./
+
+# ADD https://github.com/ufoscout/docker-compose-wait/releases/download/2.2.1/wait /wait
+# RUN chmod +x /wait
+
+# there are two stype of 
+# CMD npm start // shell form 
+# CMD ["npm", "start"] // exec form
+# ENTRYPOINT // both shell and exec form
+
+CMD ["npm", "start"]

backend/controllers/userControllers.js

@@ -6,7 +6,6 @@ const UserControllers = (
     function() {
 
         const currentUser = async (req, res) => {
-
             try {
                 const firebaseUser = await firebaseAdmin.auth().verifyIdToken(req.headers.token)
                 const user = await Users.findOne({email:firebaseUser.email })

backend/models/users.js

@@ -28,7 +28,7 @@ const { Schema } = mongoose
             trim: true,
             unique: true,
             require: true
-        }
+        },
     }, { timestamps:true })
     // mongoose.model('Users', userSchema)
 // }

docker-compose.yml

@@ -0,0 +1,37 @@
+version: "3.9"
+services: 
+    vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-be:
+        container_name: "vite_backend"
+        build:
+            context: ./backend
+            dockerfile: Dockerfile.dev
+        volumes: 
+            - ./backend:/usr/vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-be
+            - /usr/vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-be/node_modules
+        command: npm start
+        ports: 
+            - 3200:3200
+        depends_on:
+            - db
+        # links:
+        #     - db
+        restart: on-failure
+    db:
+        image: mongo
+        restart: always
+        environment:
+            MONGO_INITDB_ROOT_USERNAME: techwards
+            MONGO_INITDB_ROOT_PASSWORD: techwards
+    vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-fe:
+        container_name: "vite_frontend"
+        build:
+            context: ./frontend
+            dockerfile: Dockerfile
+        volumes: 
+            - ./frontend:/usr/vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-fe
+        command: npm run dev
+        ports: 
+            - 3000:3000
+        
+volumes: 
+    vite-react-firebase-auth-mongoDB-nodejs-expressjs-docker-compose:

frontend/.dockerignore

@@ -0,0 +1,3 @@
+//.dockerignore
+
+node_modules/*

frontend/Dockerfile

@@ -0,0 +1,23 @@
+FROM node
+
+# RUN addgroup productMarketFitProjectBE && adduser -S -G productMarketFitProjectBE productMarketFitProjectBE
+# USER productMarketFitProjectBE
+
+WORKDIR /usr/vite-react-firebase-auth-mongodb-nodejs-expressjs-docker-compose-fe
+
+COPY package*.json ./
+ENV NODE_ENV=development
+RUN npm install 
+COPY ./ ./
+
+# EXPOSE 3000
+
+# ADD https://github.com/ufoscout/docker-compose-wait/releases/download/2.2.1/wait /wait
+# RUN chmod +x /wait
+
+# there are two stype of 
+# CMD npm start // shell form 
+# CMD ["npm", "start"] // exec form
+# ENTRYPOINT // both shell and exec form
+
+CMD ["npm", "run", "dev"]

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host 0.0.0.0",
     "build": "vite build",
     "serve": "vite preview"
   },