diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..4a37014
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,12 @@
+{
+  "workbench.colorCustomizations": {
+    "activityBar.background": "#58b7f7",
+    "titleBar.activeBackground": "#58b7f7",
+    "titleBar.activeForeground": "#edfefc"
+  },
+  "material-icon-theme.folders.associations": {
+    "features":"plugin"
+  },
+  "editor.formatOnSave": true,
+  "editor.formatOnType": true
+}
\ No newline at end of file
diff --git a/assets/js/audio-diary.js b/assets/js/audio-diary.js
new file mode 100644
index 0000000..2c691fa
--- /dev/null
+++ b/assets/js/audio-diary.js
@@ -0,0 +1,53 @@
+jQuery(document).ready(function($) {
+    var mediaRecorder;
+    var audioChunks = [];
+
+    $('#start-recording').on('click', function() {
+        navigator.mediaDevices.getUserMedia({ audio: true })
+            .then(stream => {
+                mediaRecorder = new MediaRecorder(stream);
+                mediaRecorder.start();
+
+                mediaRecorder.addEventListener("dataavailable", event => {
+                    audioChunks.push(event.data);
+                });
+
+                mediaRecorder.addEventListener("stop", () => {
+                    const audioBlob = new Blob(audioChunks, { type: 'audio/wav' });
+                    const audioUrl = URL.createObjectURL(audioBlob);
+                    const audio = document.getElementById('audio-player');
+                    audio.src = audioUrl;
+
+                    var reader = new FileReader();
+                    reader.readAsDataURL(audioBlob);
+                    reader.onloadend = function() {
+                        var base64data = reader.result;
+                        $.ajax({
+                            url: audioDiaryJsObject.ajax_url,
+                            method: 'POST',
+                            data: {
+                                action: 'save_audio',
+                                audio_data: base64data,
+                                _wpnonce: audioDiaryJsObject.nonce
+                            },
+                            success: function(response) {
+                                console.log('Audio saved successfully.');
+                            },
+                            error: function() {
+                                console.error('Failed to save audio.');
+                            }
+                        });
+                    };
+                });
+
+                $('#stop-recording').prop('disabled', false);
+                $('#start-recording').prop('disabled', true);
+            });
+    });
+
+    $('#stop-recording').on('click', function() {
+        mediaRecorder.stop();
+        $('#stop-recording').prop('disabled', true);
+        $('#start-recording').prop('disabled', false);
+    });
+});
diff --git a/audio-diary.php b/audio-diary.php
index 9a120b9..da62503 100644
--- a/audio-diary.php
+++ b/audio-diary.php
@@ -31,23 +31,44 @@ if ( ! defined( 'ABSPATH' ) ) {
         $this->define_constants();
 		$this->Audio_diary_loader();
     }
-	public function define_constants() {
-
-		/**
-		 * Defines all constants
-		 *
-		 */
-        define( 'AUDIO_DIARY_VERSION', '1.0.0' );
-		define( 'AUDIO_DIARY_FILE', __FILE__ );
-		define( 'AUDIO_DIARY_PATH', plugin_dir_path( AUDIO_DIARY_FILE ) );
-		define( 'AUDIO_DIARY_BASE', plugin_basename( AUDIO_DIARY_FILE ) );
-		define( 'AUDIO_DIARY_SLUG', 'Audio_diary_settings' );
-		define( 'AUDIO_DIARY_SETTINGS_LINK', admin_url( 'admin.php?page=' . AUDIO_DIARY_SLUG ) );
-		define( 'AUDIO_DIARY_CLASSES_PATH', AUDIO_DIARY_PATH . 'classes/' );
-        define( 'AUDIO_DIARY_IMAGES', AUDIO_DIARY_PATH . 'build/images' );
-		define( 'AUDIO_DIARY_MODULES_PATH', AUDIO_DIARY_PATH . 'modules/' );
-		define( 'AUDIO_DIARY_URL', plugins_url( '/', AUDIO_DIARY_FILE ) );
-	}
+    /**
+     * Define all constants
+     */
+    public function define_constants() {
+        if ( ! defined( 'AUDIO_DIARY_VERSION' ) ) {
+            define( 'AUDIO_DIARY_VERSION', '1.0.0' );
+        }
+        if ( ! defined( 'AUDIO_DIARY_FILE' ) ) {
+            define( 'AUDIO_DIARY_FILE', __FILE__ );
+        }
+        if ( ! defined( 'AUDIO_DIARY_PATH' ) ) {
+            define( 'AUDIO_DIARY_PATH', plugin_dir_path( AUDIO_DIARY_FILE ) );
+        }
+        if ( ! defined( 'AUDIO_DIARY_BASE' ) ) {
+            define( 'AUDIO_DIARY_BASE', plugin_basename( AUDIO_DIARY_FILE ) );
+        }
+        if ( ! defined( 'AUDIO_DIARY_SLUG' ) ) {
+            define( 'AUDIO_DIARY_SLUG', 'audio-diary-settings' );
+        }
+        if ( ! defined( 'AUDIO_DIARY_SETTINGS_LINK' ) ) {
+            define( 'AUDIO_DIARY_SETTINGS_LINK', admin_url( 'admin.php?page=' . AUDIO_DIARY_SLUG ) );
+        }
+        if ( ! defined( 'AUDIO_DIARY_CLASSES_PATH' ) ) {
+            define( 'AUDIO_DIARY_CLASSES_PATH', AUDIO_DIARY_PATH . 'classes/' );
+        }
+        if ( ! defined( 'AUDIO_DIARY_IMAGES' ) ) {
+            define( 'AUDIO_DIARY_IMAGES', AUDIO_DIARY_PATH . 'build/images' );
+        }
+        if ( ! defined( 'AUDIO_DIARY_MODULES_PATH' ) ) {
+            define( 'AUDIO_DIARY_MODULES_PATH', AUDIO_DIARY_PATH . 'modules/' );
+        }
+        if ( ! defined( 'AUDIO_DIARY_ASSETS_PATH' ) ) {
+            define( 'AUDIO_DIARY_ASSETS_PATH', AUDIO_DIARY_PATH . 'assets/' );
+        }
+        if ( ! defined( 'AUDIO_DIARY_URL' ) ) {
+            define( 'AUDIO_DIARY_URL', plugins_url( '/', AUDIO_DIARY_FILE ) );
+        }
+    }
 	/**
 	 * Require loader Audio diary class.
 	 *
diff --git a/classes/class_Audio_diary_loader.php b/classes/class_Audio_diary_loader.php
index fe2b7c4..3752c29 100644
--- a/classes/class_Audio_diary_loader.php
+++ b/classes/class_Audio_diary_loader.php
@@ -42,21 +42,22 @@ class Audio_Diary_loader{
 	 */
 	private function load_dependencies() {
 
-		require_once AUDIO_DIARY_CLASSES_PATH . '';
-		require_once AUDIO_DIARY_CLASSES_PATH . '';
+		// require_once AUDIO_DIARY_CLASSES_PATH . '';
+		// require_once AUDIO_DIARY_CLASSES_PATH . '';
 
 		// The class responsible for the settings page
-		require_once AUDIO_DIARY_CLASSES_PATH . '';
+		require_once AUDIO_DIARY_CLASSES_PATH . 'class_admin_page.php';
 
 		// The class responsible for defining main options of the plugin.
-		require_once AUDIO_DIARY_CLASSES_PATH . '';
+
+		// require_once AUDIO_DIARY_CLASSES_PATH . '';
 
 		// The class responsible for defining REST Routs API of the plugin.
-		require_once AUDIO_DIARY_CLASSES_PATH . '';
+		// require_once AUDIO_DIARY_CLASSES_PATH . '';
 
 		// The class responsible for defining all actions for edd.
         
-		require_once AUDIO_DIARY_MODULES_PATH . '';
+		// require_once AUDIO_DIARY_MODULES_PATH . '';
 }
 
 }
diff --git a/classes/class_admin_page.php b/classes/class_admin_page.php
new file mode 100644
index 0000000..ff99c6f
--- /dev/null
+++ b/classes/class_admin_page.php
@@ -0,0 +1,113 @@
+<?php 
+
+class Audio_Diary_Admin_Page {
+
+    /**
+	 * Instance
+	 *
+	 * @access private
+	 * @var object Class object.
+	 * @since 1.0.0
+	 */
+	private static $instance;
+
+	/**
+	 * Initiator
+	 *
+	 * @return object Initialized object of class.
+	 * @since 1.0.0
+	 */
+	
+	public static function get_instance() {
+		if ( ! isset( self::$instance ) ) {
+			self::$instance = new self();
+		}
+
+		return self::$instance;
+	}
+	
+    public function __construct() {
+        add_action('admin_menu', array($this, 'add_menu_item'));
+        add_action('admin_enqueue_scripts', array($this, 'enqueue_scripts'));
+        add_action('wp_ajax_save_audio', array($this, 'save_audio'));
+    }
+
+    public function add_menu_item() {
+        add_menu_page(
+            'Audio Diary',         // عنوان صفحه
+            'Audio Diary',         // عنوان منو
+            'manage_options',      // سطح دسترسی
+            'audio-diary',         // اسلاگ صفحه
+            array($this, 'render_page'), // تابعی که محتوای صفحه را نمایش می‌دهد
+            'dashicons-media-audio', // آیکون منو
+            6    
+        );
+
+        add_submenu_page(
+            'audio-diary',
+            __('Recorded Audios', 'audio-diary'),
+            __('Recorded Audios', 'audio-diary'),
+            'manage_options',
+            'audio-diary-list',
+            array($this, 'render_list_page')
+        );
+    }
+
+    public function enqueue_scripts() {
+        $script_url = plugins_url( 'js/audio-diary.js', AUDIO_DIARY_ASSETS_PATH );
+        wp_enqueue_script('audio-diary-script', $script_url, array('jquery'), '1.0', true);
+    }
+
+    public function render_record_page() {
+        ?>
+<div class="wrap">
+    <h1><?php _e('Audio Diary', 'audio-diary'); ?></h1>
+    <button id="start-recording"><?php _e('Start Recording', 'audio-diary'); ?></button>
+    <button id="stop-recording" disabled><?php _e('Stop Recording', 'audio-diary'); ?></button>
+    <audio id="audio-player" controls></audio>
+</div>
+<?php
+    }
+
+    public function render_list_page() {
+        $uploads = wp_upload_dir();
+        $audio_files = glob($uploads['basedir'] . '/audio-diary/*.wav');
+
+        ?>
+<div class="wrap">
+    <h1><?php _e('Recorded Audios', 'audio-diary'); ?></h1>
+    <ul>
+        <?php foreach ($audio_files as $file) : ?>
+        <li>
+            <audio controls src="<?php echo $uploads['baseurl'] . '/audio-diary/' . basename($file); ?>"></audio>
+        </li>
+        <?php endforeach; ?>
+    </ul>
+</div>
+<?php
+    }
+
+    public function save_audio() {
+        check_admin_referer('audio_diary_nonce');
+
+        $audio_data = $_POST['audio_data'];
+        $audio_data = base64_decode(str_replace('data:audio/wav;base64,', '', $audio_data));
+
+        $uploads = wp_upload_dir();
+        $audio_dir = $uploads['basedir'] . '/audio-diary/';
+        if (!file_exists($audio_dir)) {
+            mkdir($audio_dir, 0755, true);
+        }
+
+        $filename = $audio_dir . uniqid() . '.wav';
+        file_put_contents($filename, $audio_data);
+
+        wp_send_json_success();
+    }
+}
+
+if (class_exists('Audio_Diary')) {
+    $audio_diary = new Audio_Diary();
+}
+
+Audio_Diary_Admin_Page::get_instance();
\ No newline at end of file
diff --git a/modules/audio-diary-admin-page.php b/modules/audio-diary-admin-page.php
new file mode 100644
index 0000000..0400d92
--- /dev/null
+++ b/modules/audio-diary-admin-page.php
@@ -0,0 +1,91 @@
+<?php 
+if ( ! defined( 'ABSPATH' ) ) {
+    echo "what the hell are you doing here?";
+    exit;
+}
+
+class Audio_Diary_Admin_Page {
+    /**
+     * Instance
+     *
+     * @access private
+     * @var object Class object.
+     */
+    private static $instance;
+
+    /**
+     * Initiator
+     *
+     * @return object Initialized object of class.
+     */
+    public static function get_instance() {
+        if ( ! isset( self::$instance ) ) {
+            self::$instance = new self();
+        }
+
+        return self::$instance;
+    }
+
+    /**
+     * Constructor
+     */
+    public function __construct() {
+        // You can add actions here if needed, for example:
+         add_action('admin_enqueue_scripts', array($this, 'enqueue_scripts'));
+    }
+
+    /**
+     * Enqueue scripts
+     */
+    public function enqueue_scripts() {
+        $script_url = plugins_url('assets/js/audio-diary.js', AUDIO_DIARY_PATH);
+        wp_enqueue_script('audio-diary-script', $script_url, array('jquery'), '1.0', true);
+
+        wp_localize_script(
+            'audio-diary-script',
+            'audioDiaryJsObject',
+            [
+                'ajax_url'        => admin_url('admin-ajax.php'),
+                'nonce'           => wp_create_nonce('audio_diary_nonce'),
+            ]
+        );
+    }
+
+    /**
+     * Render record page
+     */
+    public function render_record_page() {
+        ?>
+<div class="wrap">
+    <h1><?php _e('Audio Diary', 'audio-diary'); ?></h1>
+    <button id="start-recording"><?php _e('Start Recording', 'audio-diary'); ?></button>
+    <button id="stop-recording" disabled><?php _e('Stop Recording', 'audio-diary'); ?></button>
+    <audio id="audio-player" controls></audio>
+</div>
+<?php
+    }
+
+    /**
+     * Render list page
+     */
+    public function render_list_page() {
+        $uploads = wp_upload_dir();
+        $audio_files = glob($uploads['basedir'] . '/audio-diary/*.wav');
+
+        ?>
+<div class="wrap">
+    <h1><?php _e('Recorded Audios', 'audio-diary'); ?></h1>
+    <ul>
+        <?php foreach ($audio_files as $file) : ?>
+        <li>
+            <audio controls src="<?php echo $uploads['baseurl'] . '/audio-diary/' . basename($file); ?>"></audio>
+        </li>
+        <?php endforeach; ?>
+    </ul>
+</div>
+<?php
+    }
+}
+
+// Initialize the class instance
+Audio_Diary_Admin_Page::get_instance();
\ No newline at end of file