diff --git a/README.md b/README.md
index 1ebe379f5f423c7dcc8775d39ffd571117fb89f8..2878dc46e6bf9a6c189789174b2e3a331c6988af 100644
--- a/README.md
+++ b/README.md
@@ -1,27 +1,28 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-   parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-   },
-```
-
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+# Premium Podcast App
+
+## Deskripsi Singkat Aplikasi
+Aplikasi Premium Podcast App adalah versi premium dari aplikasi php yang telah dibuat sebelumnya. Pada versi premium, pengguna memiliki keleluasaan yang lebih melalui fitur yang ditawarkan, misalnya seperti queue dimana pengguna dapat mengantrikan podcast yang ingin diputarnya dan akan berjalan secara otomatis nantinya. Aplikasi ini dibangun menggunakan Vite + React + Typescript 
+
+## Tampilan Layar
+
+### Halaman Home
+![](./docs/halaman-home.png)
+### Halaman Search
+
+### Halaman Library
+![](./docs/halaman-library.png)
+### Halaman Queue
+![](./docs/halaman-queue.png)
+### Halaman Podcast
+![](./docs/halaman-podcast.png)
+### Halaman Episode
+![](./docs/halaman-podcast.png)
+
+## Pembagian Tugas
+Halaman Home      : 
+Halaman Search    : 
+Halaman Library   : 
+Halaman Queue     :    
+Halaman Podcast   : 
+Halaman Episode   : 
+Halaman Profile   :
\ No newline at end of file
diff --git a/docs/halaman-episode.png b/docs/halaman-episode.png
new file mode 100644
index 0000000000000000000000000000000000000000..4fcc3295b8d131b8fba48547fba2a03674bc7cc1
Binary files /dev/null and b/docs/halaman-episode.png differ
diff --git a/docs/halaman-home.png b/docs/halaman-home.png
new file mode 100644
index 0000000000000000000000000000000000000000..151e36ed971d2a31a46c0476490d2f3e960f6ce1
Binary files /dev/null and b/docs/halaman-home.png differ
diff --git a/docs/halaman-library.png b/docs/halaman-library.png
new file mode 100644
index 0000000000000000000000000000000000000000..947f9cad68bbeddd13a9408a029ba24b637d42a9
Binary files /dev/null and b/docs/halaman-library.png differ
diff --git a/docs/halaman-podcast.png b/docs/halaman-podcast.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8e8b88faddaf0552346678568fc036f53e7ec06
Binary files /dev/null and b/docs/halaman-podcast.png differ
diff --git a/docs/halaman-queue.png b/docs/halaman-queue.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1d399f0bf0fe84ab2855e5ef38849d405f049b8
Binary files /dev/null and b/docs/halaman-queue.png differ