diff --git a/.gitignore b/.gitignore
index e8a094b..0d9d9a8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,4 +6,5 @@ dist/
 .vscode/
 src/design/
 src/images/
+static/
 TODO.md
\ No newline at end of file
diff --git a/.parcelrc b/.parcelrc
new file mode 100644
index 0000000..d58ab12
--- /dev/null
+++ b/.parcelrc
@@ -0,0 +1,4 @@
+{
+    "extends": "@parcel/config-default",
+    "reporters":  ["...", "parcel-reporter-static-files-copy"]
+}
diff --git a/package-lock.json b/package-lock.json
index 211ab44..0d7206a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,8 @@
         "typescript": "^4.9.3"
       },
       "devDependencies": {
+        "@parcel/config-default": "^2.8.2",
+        "@types/node": "^18.11.17",
         "@types/react": "^18.0.25",
         "@types/react-dom": "^18.0.9",
         "@types/redux-logger": "^3.0.9",
@@ -30,6 +32,7 @@
         "eslint-plugin-react": "^7.31.11",
         "eslint-plugin-typescript": "^0.14.0",
         "parcel": "^2.8.0",
+        "parcel-reporter-static-files-copy": "^1.4.0",
         "prettier": "^2.8.0",
         "process": "^0.11.10",
         "redux-devtools-extension": "^2.13.9"
@@ -1675,6 +1678,12 @@
       "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
       "dev": true
     },
+    "node_modules/@types/node": {
+      "version": "18.11.17",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.17.tgz",
+      "integrity": "sha512-HJSUJmni4BeDHhfzn6nF0sVmd1SMezP7/4F0Lq+aXzmp2xm9O7WXrUtHW/CHlYVtZUbByEvWidHqRtcJXGF2Ng==",
+      "dev": true
+    },
     "node_modules/@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -4479,6 +4488,18 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/parcel-reporter-static-files-copy": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/parcel-reporter-static-files-copy/-/parcel-reporter-static-files-copy-1.4.0.tgz",
+      "integrity": "sha512-bOX94IbN97QT345staIdUUCFFEc2LC8rqfOf1CgVODWxE0rPZzEtWxboOI6d2OdO2SyZY0P6i6ngTBnkvvRswg==",
+      "dev": true,
+      "dependencies": {
+        "@parcel/plugin": "^2.0.0-beta.1"
+      },
+      "engines": {
+        "parcel": "^2.0.0-beta.1"
+      }
+    },
     "node_modules/parcel/node_modules/commander": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
@@ -6696,6 +6717,12 @@
       "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
       "dev": true
     },
+    "@types/node": {
+      "version": "18.11.17",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.17.tgz",
+      "integrity": "sha512-HJSUJmni4BeDHhfzn6nF0sVmd1SMezP7/4F0Lq+aXzmp2xm9O7WXrUtHW/CHlYVtZUbByEvWidHqRtcJXGF2Ng==",
+      "dev": true
+    },
     "@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -8636,6 +8663,15 @@
         }
       }
     },
+    "parcel-reporter-static-files-copy": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/parcel-reporter-static-files-copy/-/parcel-reporter-static-files-copy-1.4.0.tgz",
+      "integrity": "sha512-bOX94IbN97QT345staIdUUCFFEc2LC8rqfOf1CgVODWxE0rPZzEtWxboOI6d2OdO2SyZY0P6i6ngTBnkvvRswg==",
+      "dev": true,
+      "requires": {
+        "@parcel/plugin": "^2.0.0-beta.1"
+      }
+    },
     "parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
diff --git a/package.json b/package.json
index 4485943..f8fd384 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,8 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@parcel/config-default": "^2.8.2",
+    "@types/node": "^18.11.17",
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.9",
     "@types/redux-logger": "^3.0.9",
@@ -25,6 +27,7 @@
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-typescript": "^0.14.0",
     "parcel": "^2.8.0",
+    "parcel-reporter-static-files-copy": "^1.4.0",
     "prettier": "^2.8.0",
     "process": "^0.11.10",
     "redux-devtools-extension": "^2.13.9"
diff --git a/src/components/User.tsx b/src/components/User.tsx
index 8d82b91..284021c 100644
--- a/src/components/User.tsx
+++ b/src/components/User.tsx
@@ -7,7 +7,10 @@ interface UserProps {
 
 const User = (props: UserProps) => {
   return (
-    <div>{props.user.username}</div>
+    <div>
+      <img src={`./image-${props.user.username}.png`} alt={props.user.username}/>
+      {props.user.username}
+    </div>
   )
 }