diff --git a/web/assets/images/logo/logo@192.png b/web/assets/images/logo/logo@192.png
new file mode 100644
index 00000000..d6cd81c7
Binary files /dev/null and b/web/assets/images/logo/logo@192.png differ
diff --git a/web/assets/images/logo/logo@32.png b/web/assets/images/logo/logo@32.png
new file mode 100644
index 00000000..44bfcd1a
Binary files /dev/null and b/web/assets/images/logo/logo@32.png differ
diff --git a/web/assets/images/logo/logo@512.png b/web/assets/images/logo/logo@512.png
new file mode 100644
index 00000000..eb581295
Binary files /dev/null and b/web/assets/images/logo/logo@512.png differ
diff --git a/web/assets/pwa.webmanifest b/web/assets/pwa.webmanifest
new file mode 100644
index 00000000..ef78cb8e
--- /dev/null
+++ b/web/assets/pwa.webmanifest
@@ -0,0 +1,26 @@
+{
+ "name": "TailChat Application",
+ "short_name": "TailChat",
+ "description": "A open source chat application",
+ "icons": [
+ {
+ "src": "/images/logo/logo@32.png",
+ "sizes": "32x32",
+ "type": "image/png"
+ },
+ {
+ "src": "/images/logo/logo@192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/images/logo/logo@512.png",
+ "sizes": "512x512",
+ "type": "image/svg"
+ }
+ ],
+ "start_url": "/",
+ "display": "standalone",
+ "theme_color": "#374151",
+ "background_color": "#374151"
+}
diff --git a/web/assets/template.html b/web/assets/template.html
index d0a03ec6..011649c6 100644
--- a/web/assets/template.html
+++ b/web/assets/template.html
@@ -11,6 +11,7 @@
+
<%= htmlWebpackPlugin.options.title %>
diff --git a/web/webpack.config.ts b/web/webpack.config.ts
index ca14c8e1..3e28af00 100644
--- a/web/webpack.config.ts
+++ b/web/webpack.config.ts
@@ -138,6 +138,14 @@ const config: Configuration = {
from: path.resolve(__dirname, '../locales'),
to: 'locales',
},
+ {
+ from: path.resolve(__dirname, './assets/pwa.webmanifest'),
+ to: 'pwa.webmanifest',
+ },
+ {
+ from: path.resolve(__dirname, './assets/images/logo/'),
+ to: 'images/logo/',
+ },
],
}) as any,
new MiniCssExtractPlugin({ filename: 'styles-[contenthash].css' }),