Auto Load WordPress CSS & JS Dynamically for Pages

gistfile1.php

/**
 * Auto loads scripts and styles based on the page name if they exist.
 */
function mytheme_bootstrap_page_resources() {
    if( is_page_template() ) {
        $page_template = basename( get_page_template(), '.php' );
        $css_file_path = get_stylesheet_directory() . "/css/templates/$page_template.css";
        $js_file_path = get_stylesheet_directory() . "/js/templates/$page_template.js";
        $css_file_uri = get_stylesheet_directory_uri() . "/css/templates/$page_template.css";
        $js_file_uri = get_stylesheet_directory_uri() . "/js/templates/$page_template.js";

        if(file_exists($css_file_path)){
            wp_enqueue_style($page_template, $css_file_uri);
        }

        if(file_exists($js_file_path)){
            wp_enqueue_script($page_template, $js_file_uri);
        }
    }
}
add_action('wp_enqueue_scripts', 'mytheme_bootstrap_page_resources');