Merge pull request #23 from atlp-rwanda/ft-docker-service-#187928765

Devops: eagle-ec-fe containerization with docker-#187928765

Author: teerenzo

Diff for: .dockerignore

@@ -0,0 +1,34 @@
+# Include any files or directories that you don't want to be copied to your
+# container here (e.g., local build artifacts, temporary files, etc.).
+#
+# For more help, visit the .dockerignore file reference guide at
+# https://docs.docker.com/go/build-context-dockerignore/
+
+**/.classpath
+**/.dockerignore
+**/.env
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/.next
+**/.cache
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/charts
+**/docker-compose*
+**/compose.y*ml
+**/Dockerfile*
+**/node_modules
+**/npm-debug.log
+**/obj
+**/secrets.dev.yaml
+**/values.dev.yaml
+**/build
+**/dist
+LICENSE
+README.md

Diff for: Dockerfile

@@ -0,0 +1,25 @@
+# Use a specific version of Node Alpine as the base image.
+ARG NODE_VERSION=20.11.0
+
+FROM node:${NODE_VERSION}-alpine as base
+
+# Update npm to the latest version
+RUN npm install -g npm@latest
+
+# Set the working directory inside the container.
+WORKDIR /eagles-ec-fe
+
+# Copy package.json and package-lock.json files
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install --legacy-peer-deps
+
+# Copy the rest of the application code
+COPY . .
+
+# Expose the port the app runs on
+EXPOSE 5173
+
+# Command to run the app
+CMD [ "npm", "run", "dev" ]

Diff for: README.Docker.md

@@ -0,0 +1,22 @@
+### Building and running your application
+
+When you're ready, start your application by running:
+`docker compose up --build`.
+
+Your application will be available at http://localhost:5173.
+
+### Deploying your application to the cloud
+
+First, build your image, e.g.: `docker build -t myapp .`.
+If your cloud uses a different CPU architecture than your development
+machine (e.g., you are on a Mac M1 and your cloud provider is amd64),
+you'll want to build the image for that platform, e.g.:
+`docker build --platform=linux/amd64 -t myapp .`.
+
+Then, push it to your registry, e.g. `docker push myregistry.com/myapp`.
+
+Consult Docker's [getting started](https://docs.docker.com/go/get-started-sharing/)
+docs for more detail on building and pushing.
+
+### References
+* [Docker's Node.js guide](https://docs.docker.com/language/nodejs/)

Diff for: README.md

@@ -62,6 +62,24 @@ npm install
 
 Write your test by creating a file with .test.tsx extetion under **test** directory.
 
-```
 
-```
+## Running it with Docker Image
+
+## 1. Pull Docker Image:
+
+   ```bash
+   docker pull mugemanebertin/eagle-ec-fe:latest
+   ```
+
+   This command downloads the Docker image `mugemanebertin/eagle-ec-fe` from Docker Hub.
+
+## 2. Run Docker Container:
+
+   ```bash
+   docker run -d --name eagle-ec-fe-container -p 5173:5173 mugemanebertin/eagle-ec-fe:latest
+   ```
+
+   This command starts a Docker container named `eagle-ec-fe-container`, mapping port `5173` on your host to port `5173` in the container. The `-d` flag runs the container in detached mode.
+
+   You can now access the Eagle E-commerce application by navigating to `http://localhost:5173` in your web browser.
+

Diff for: docker-compose.yml

@@ -0,0 +1,59 @@
+version: '3.1'
+
+services:
+  web:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: eagle-ec-fe-container
+    image: mugemanebertin/eagle-ec-fe
+    ports:
+      - "5173:5173"
+    env_file:
+      - .env
+
+  backend:
+    image: mugemanebertin/eagle_ec_be:latest
+    container_name: eagle-ec-be-container
+    ports:
+      - "499:499"
+    command: sh -c "npm run migrate && (npm run seed || true) && npm run dev"
+    depends_on:
+      - db
+      - redis
+    environment:
+      - DB_CONNECTION=${DOCKER_DB_CONNECTION}
+      - JWT_SECRET=${JWT_SECRET}
+      - PORT=${PORT}
+      - SMTP_HOST=${SMTP_HOST}
+      - SMTP_PORT=${SMTP_PORT}
+      - SMTP_USER=${SMTP_USER}
+      - SMTP_PASS=${SMTP_PASS}
+      - CLOUD_NAME=${CLOUD_NAME}
+      - CLOUD_KEY=${CLOUD_KEY}
+      - CLOUD_SECRET=${CLOUD_SECRET}
+      - GOOGLE_CLIENT_ID=${GOOGLE_CLIENT_ID}
+      - GOOGLE_CLIENT_SECRET=${GOOGLE_CLIENT_SECRET}
+      - GOOGLE_CALLBACK_URL=${GOOGLE_CALLBACK_URL}
+      - REDIS_HOST=redis
+      - REDIS_PORT=6379
+
+  db:
+    image: postgres:latest
+    container_name: eagle-ec-db-container
+    ports:
+      - "5433:5432"
+    environment:
+      - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}
+      - POSTGRES_USER=${POSTGRES_USER}
+      - POSTGRES_DB=${POSTGRES_DB}
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+
+  redis:
+    image: redis:latest
+    ports:
+      - "6379:6379"
+
+volumes:
+  postgres_data:

Diff for: package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host 0.0.0.0",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",