From 0f92743ee6985e6e9f0dcd6926393f1255be402a Mon Sep 17 00:00:00 2001
From: Macktireh <abdimack97@gmail.com>
Date: Mon, 11 Sep 2023 23:30:09 +0200
Subject: [PATCH] containerize the application and put it on CI github action

---
 .dockerignore            |  3 +++
 .github/workflows/ci.yml | 54 ++++++++++++++++++++++++++++++++++++++++
 Dockerfile               | 19 ++++++++++++++
 3 files changed, 76 insertions(+)
 create mode 100644 .dockerignore
 create mode 100644 .github/workflows/ci.yml
 create mode 100644 Dockerfile

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..97cbdbf
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,3 @@
+node_modules
+.env
+.env.example
\ No newline at end of file
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..bd4f9d4
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,54 @@
+name: Clone Twittre Frontend
+
+on:
+  push:
+    branches: ["main"]
+
+jobs:
+  push_to_registry:
+    name: Push Docker image to Docker Hub
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v3
+      
+      - name: Log in to Docker Hub
+        uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+      
+      - name: Build the Docker image
+        run: docker build . --file Dockerfile --tag ${{ secrets.DOCKER_USERNAME }}/clone-twittre-frontend:latest
+      
+      - name: Push the Docker image
+        run: docker push ${{ secrets.DOCKER_USERNAME }}/clone-twittre-frontend:latest
+      
+      # - name: Build and push Docker image
+      #   uses: docker/build-push-action@3b5e8027fcad23fda98b2e3ac259d8d67585f671
+      #   with:
+      #     context: .
+      #     file: ./Dockerfile
+      #     push: true
+      #     tags: ${{ steps.meta.outputs.tags }}
+      #     labels: ${{ steps.meta.outputs.labels }}
+
+      # - name: Add remote origin Staging
+      #   if: github.ref == 'refs/heads/main' && job.status == 'success' #we specify that this action will ONLY run if everything up to now is successful- so if theres a fail in the tests, then this will not be deployed.
+      #   run: |
+      #     git remote add heroku https://heroku:${{ secrets.HEROKU_API_KEY }}@git.heroku.com/${{ secrets.HEROKU_APP_NAME_STAGING }}.git
+
+      # - name: Deploy to Heroku Staging
+      #   if: github.ref == 'refs/heads/main' && job.status == 'success'
+      #   run: |
+      #     git push
+
+      # - name: Add remote origin Production
+      #   if: github.ref == 'refs/heads/production' && job.status == 'success' #we specify that this action will ONLY run if everything up to now is successful- so if theres a fail in the tests, then this will not be deployed.
+      #   run: |
+      #     git remote add heroku https://heroku:${{ secrets.HEROKU_API_KEY }}@git.heroku.com/${{ secrets.HEROKU_APP_NAME_PRODUCTION }}.git
+
+      # - name: Deploy to Heroku Production
+      #   if: github.ref == 'refs/heads/production' && job.status == 'success'
+      #   run: |
+      #     git push
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..ae1b1a0
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,19 @@
+FROM node:18-alpine
+
+LABEL version=v1.0.0
+LABEL app=clone-twitter-frontend
+
+ENV REACT_APP_API_BASE_URL=http://127.0.0.1:8000
+ENV REACT_APP_DOMAIN_BACKEND=127.0.0.1:8000
+
+WORKDIR /app
+
+COPY package.json .
+
+RUN npm install
+
+COPY . .
+
+EXPOSE 3000
+
+CMD ["npm", "start"]
\ No newline at end of file