diff --git a/package-lock.json b/package-lock.json
index a1e3a75..59d0a28 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,7 @@
         "css-loader": "^6.9.1",
         "html-webpack-plugin": "^5.6.0",
         "postcss-loader": "^8.0.0",
+        "prettier": "^3.2.4",
         "style-loader": "^3.3.4",
         "ts-loader": "^9.5.1",
         "typescript": "^5.3.3",
@@ -5765,6 +5766,21 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
+    "node_modules/prettier": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.4.tgz",
+      "integrity": "sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/pretty-error": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
diff --git a/package.json b/package.json
index 1ac073e..2b2aff7 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
   "description": "",
   "main": "index.jsx",
   "scripts": {
-    "dev": "webpack server"
+    "dev": "webpack server",
+    "format": "prettier --write '**/*.{json,js,ts,tsx,css}'"
   },
   "keywords": [],
   "author": "",
@@ -23,6 +24,7 @@
     "css-loader": "^6.9.1",
     "html-webpack-plugin": "^5.6.0",
     "postcss-loader": "^8.0.0",
+    "prettier": "^3.2.4",
     "style-loader": "^3.3.4",
     "ts-loader": "^9.5.1",
     "typescript": "^5.3.3",