diff --git a/README.md b/README.md
index de679c8..b87cdc7 100644
--- a/README.md
+++ b/README.md
@@ -97,3 +97,21 @@ To regenerate the frontend client during development:
 ```sh
 npm run openapi-generate
 ```
+
+## Screenshots
+
+### Home
+
+![Homepage](./docs/homepage.png)
+
+### Schedule
+
+![Schedule](./docs/schedule-page.png)
+
+### Team
+
+![Team](./docs/teampage.png)
+
+### Team Settings
+
+![Team Settings](./docs/settings-page.png)
diff --git a/docs/homepage.png b/docs/homepage.png
new file mode 100644
index 0000000..6eae4a6
Binary files /dev/null and b/docs/homepage.png differ
diff --git a/docs/schedule-page.png b/docs/schedule-page.png
new file mode 100644
index 0000000..af8cd6f
Binary files /dev/null and b/docs/schedule-page.png differ
diff --git a/docs/settings-page.png b/docs/settings-page.png
new file mode 100644
index 0000000..83a45a4
Binary files /dev/null and b/docs/settings-page.png differ
diff --git a/docs/teampage.png b/docs/teampage.png
new file mode 100644
index 0000000..239741f
Binary files /dev/null and b/docs/teampage.png differ