Improvement Dockerfile and Common Code

Dockerfile

@@ -9,18 +9,15 @@ WORKDIR /app
 # Install app dependencies
 # A wildcard is used to ensure both package.json AND package-lock.json are copied
 # where available (npm@5+)
-COPY package.json ./
-
-RUN apk add --no-cache git
+COPY package.json package-lock.json ./
 
 # Install any needed packages
-RUN npm install
-
-# Audit fix npm packages
-RUN npm audit fix
+RUN apk add --no-cache git \
+    && npm install \
+    && npm audit fix
 
 # Bundle app source
-COPY . /app
+COPY . .
 
 # Make port 3000 available to the world outside this container
 EXPOSE 3000

src/portfolio.js

@@ -19,27 +19,36 @@ const illustration = {
   animated: true // Set to false to use static SVG
 };
 
+// User Information
+const username = "saadpasta";
+const first_name = "Saad";
+const last_name = "Pasta";
+const email = "[email protected]";
+const fb_username = "saad.pasta7";
+const stackoverflow_user = "10422806/saad-pasta";
+const resume_link =
+  "https://drive.google.com/file/d/1ofFdKF_mqscH8WvXkSObnVvC9kK7Ldlu/view?usp=sharing";
+
 const greeting = {
-  username: "Saad Pasta",
-  title: "Hi all, I'm Saad",
+  username: `${first_name} ${last_name}`,
+  title: `Hi all, I'm ${first_name}`,
   subTitle: emoji(
     "A passionate Full Stack Software Developer 🚀 having an experience of building Web and Mobile applications with JavaScript / Reactjs / Nodejs / React Native and some other cool libraries and frameworks."
   ),
-  resumeLink:
-    "https://drive.google.com/file/d/1ofFdKF_mqscH8WvXkSObnVvC9kK7Ldlu/view?usp=sharing", // Set to empty to hide the button
+  resumeLink: `${resume_link}`, // Set to empty to hide the button
   displayGreeting: true // Set false to hide this section, defaults to true
 };
 
 // Social Media Links
 
 const socialMediaLinks = {
-  github: "https://github.com/saadpasta",
-  linkedin: "https://www.linkedin.com/in/saadpasta/",
-  gmail: "[email protected]",
-  gitlab: "https://gitlab.com/saadpasta",
-  facebook: "https://www.facebook.com/saad.pasta7",
-  medium: "https://medium.com/@saadpasta",
-  stackoverflow: "https://stackoverflow.com/users/10422806/saad-pasta",
+  github: `https://github.com/${username}`,
+  linkedin: `https://www.linkedin.com/in/${username}/`,
+  gmail: `${email}`,
+  gitlab: `https://gitlab.com/${username}`,
+  facebook: `https://www.facebook.com/${fb_username}`,
+  medium: `https://medium.com/@${username}`,
+  stackoverflow: `https://stackoverflow.com/users/${stackoverflow_user}`,
   // Instagram, Twitter and Kaggle are also supported in the links!
   // To customize icons and social links, tweak src/components/SocialMedia
   display: true // Set true to display this section, defaults to false