Merge pull request #59 from Ratangulati/fix-issue-58

Integrated Dockerfile

INSTALLATION.md

@@ -2,6 +2,7 @@
 
 ## Table of Contents
 - [Required Tools](#required-tools)
+- [Installation using Docker](#with-docker)
 - [Frontend Installation](#frontend-installation)
   - [1. Clone the Repository](#1-clone-the-repository)
   - [2. Open Project in Visual Studio Code](#2-open-project-in-visual-studio-code)
@@ -27,6 +28,39 @@ Before proceeding with the installation, ensure that you have the necessary tool
 
 Once you have all the required tools installed, you can proceed with the installation of the project.
 
+
+#### With Docker
+
+Clone the Crew Connect repository from GitHub.
+```bash
+git clone https://github.com/jatiinyadav/Crew-Connect.git
+```
+
+![Clone Repository](./images/installation/step-1.png)
+
+#### 2. Open Project in Visual Studio Code
+
+Navigate to the project directory and open it in Visual Studio Code.
+```bash
+cd Crew-Connect
+code .
+```
+
+![Open in Visual Studio Code](./images/installation/step-2.png)
+
+#### 3. Run Docker Compose
+
+Navigate to the project directory and open it in Visual Studio Code.
+```bash
+docker-compose up
+```
+
+Your Frontend is now running at [localhost:4200](http://localhost:4200/)
+Your Backend is now running at [localhost:80](http://localhost:80/)
+
+
+#### Without Docker
+
 ### Frontend Installation
 
 #### 1. Clone the Repository

backend/.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+build
+.DS_Store
+.env
+.git
+.gitignore

backend/Dockerfile

@@ -0,0 +1,22 @@
+FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build
+
+WORKDIR /src
+
+COPY ["ChatApplication.sln", "./"]
+COPY ["MongoDLL/MongoDLL.csproj", "MongoDLL/"]
+COPY ["SignalRLearning/SignalRLearning.csproj", "SignalRLearning/"]
+RUN dotnet restore
+
+COPY . .
+
+RUN dotnet publish -c Release -o /app/publish
+
+FROM mcr.microsoft.com/dotnet/aspnet:6.0
+
+WORKDIR /app
+
+COPY --from=build /app/publish .
+
+EXPOSE 80
+
+ENTRYPOINT ["dotnet", "SignalRLearning.dll"]

docker-compose.yml

@@ -0,0 +1,36 @@
+version: '3.8'
+
+services:
+  frontend:
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
+    ports:
+      - "4200:4200"
+    depends_on:
+      - backend
+    volumes:
+      - ./frontend:/app
+      - /app/node_modules
+
+  backend:
+    build:
+      context: ./backend
+      dockerfile: Dockerfile
+    ports:
+      - "80:80"
+    depends_on:
+      - mongodb
+    environment:
+      - ASPNETCORE_ENVIRONMENT=Development
+      - ConnectionStrings__MongoDB=mongodb://mongodb:27017/ChatApplication
+
+  mongodb:
+    image: mongo:latest
+    ports:
+      - "27017:27017"
+    volumes:
+      - mongodb_data:/data/db
+
+volumes:
+  mongodb_data:

frontend/.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+build
+.DS_Store
+.env
+.git
+.gitignore

frontend/Dockerfile

@@ -0,0 +1,13 @@
+FROM node:18
+
+WORKDIR /app
+
+COPY package*.json ./
+
+RUN npm install
+
+COPY . .
+
+EXPOSE 4200
+
+CMD ["npm", "start"]

frontend/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
+    "start": "ng serve --host 0.0.0.0",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"