Dockerized the client

README.md

@@ -24,7 +24,7 @@ npm install
 mvn install
 ```
 3. Create a Spotify Developer account and create a new application to get your client ID and client secret.
-4. Rename `.env.example` file in the `client` directory to `.env` and fill-it with your client ID and client secret
+4. Rename `.env.example` file in the `api` directory to `.env` and fill-it with your client ID and client secret
 5. Add `http://localhost:4200/login` as a redirect URI in your Spotify application settings.
 
 ## Usage
@@ -42,4 +42,4 @@ Then open your browser and visit `http://localhost:4200`.
 This project is licensed under the terms of the MIT license.
 
 ## Author
-[@wissemgrari](https://www.github.com/wissemgrari)
+[@wissemgrari](https://www.github.com/wissemgrari)

api/.dockerignore

@@ -1,2 +1,2 @@
 target/
-*.log
+*.log

api/.gitignore

@@ -32,5 +32,4 @@ build/
 ### VS Code ###
 .vscode/
 
-application-dev.yml
-application-prod.yml
+.env

api/pom.xml

@@ -26,6 +26,11 @@
       <artifactId>lombok</artifactId>
       <optional>true</optional>
     </dependency>
+    <dependency>
+      <groupId>me.paulschwarz</groupId>
+      <artifactId>spring-dotenv</artifactId>
+      <version>4.0.0</version>
+    </dependency>
     <dependency>
       <groupId>org.springframework.boot</groupId>
       <artifactId>spring-boot-starter-test</artifactId>

api/src/main/resources/.env.example

@@ -0,0 +1,2 @@
+SPOTIFY_CLIENT_ID=
+SPOTIFY_CLIENT_SECRET=

api/src/main/resources/application.yml

@@ -1,6 +1,11 @@
 server:
   port: 5000
 
-spring:
-  profiles:
-    active: dev
+cors:
+  allowed-origins: "http://localhost:4200"
+
+spotify:
+  redirect_uri: "http://localhost:4200/login"
+  code_verifier: 1WsKdLhdVqSxZy6U8pOWLEfedyLp9kG1SXGPR3dMBD0myA9C5kJiCXM9axaVPoZL
+  client_id: ${SPOTIFY_CLIENT_ID}
+  client_secret: ${SPOTIFY_CLIENT_SECRET}

client/Dockerfile

@@ -1,3 +1,4 @@
+# Stage 1: Build the Angular application
 FROM node:20-alpine as build
 
 WORKDIR /client
@@ -8,3 +9,17 @@ COPY yarn.lock ./
 
 RUN yarn install
 
+COPY . ./
+
+RUN yarn run build
+
+# Stage 2: Serve the application with Nginx
+FROM nginx:alpine3.19-slim
+
+WORKDIR /client
+
+COPY --from=build /client/dist/spotify-profile/ /usr/share/nginx/html
+
+COPY ./nginx.conf /etc/nginx/conf.d/default.conf
+
+CMD ["nginx", "-g", "daemon off;"]

client/nginx.conf

@@ -0,0 +1,8 @@
+server {
+    listen 80;
+    location / {
+        root /usr/share/nginx/html;
+        index index.html index.htm;
+        try_files $uri $uri/ /index.html =404;
+    }
+}