├── .gitignore ├── .vscode └── settings.json ├── 01 - Footer_date_auto_update ├── index.html ├── readme.md ├── script.js └── style.css ├── 02 - Date_count_down_and_up ├── index.html ├── script.js └── style.css ├── 03 - Click_to_download ├── CSS_Masking.gif ├── index.html ├── script.js └── style.css ├── 04 - Dark_and_light_mode_toggle ├── index.html ├── script.js └── style.css ├── 05 - Random_number_generator ├── index.html ├── readme.md └── script.js ├── 06 - Count_number_app ├── index.html ├── readme.md ├── script.js └── style.css ├── 07 - Border_radius_slider ├── index.html ├── readme.md └── script.js ├── 08 - Border_width_slider ├── index.html ├── readme.md ├── script.js └── style.css ├── 09 - Image_position_slider ├── index.html ├── readme.md ├── script.js └── style.css ├── 10 - Card_expandible_and_collapsible ├── index.html ├── readme.md └── script.js ├── 11 - Vowel_count ├── index.html ├── readme.md └── script.js ├── 12 - Twitter_character_count ├── index.htm ├── readme.md ├── script.js └── style.css ├── 13 - Searchbar_expand_and_collapse  ├── index.html ├── readme.md ├── script.js └── style.css ├── 14 - Random_hex_color_generator ├── index.html ├── readme.md ├── script.js └── style.css ├── 15 - Background_changer_using_HTML_color_picker ├── code_theme │ ├── prism.css │ └── prism.js ├── index.html ├── script.js └── style.css ├── 16 - Accordion_open_and_close ├── index.html ├── script.js └── style.css ├── 17 - Modal_or_popup_window ├── index.html ├── readme.md ├── script.js └── style.css ├── 18 - Progress_page_steps ├── index.html ├── index.js ├── readme.md └── style.css ├── 19 - Notes_app ├── index.html ├── script.js └── style.css ├── 20 - Background_choosing_with_images_and_gradients ├── images │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ └── 7.jpg ├── index.html ├── script.js └── style.css ├── 21 - Box_shadow_controller ├── Box shadow controller planning.png ├── index.html ├── readme.md ├── script.js └── style.css ├── 22 - Image_filter_app ├── code_theme │ ├── prism.css │ └── prism.js ├── filter the image.png ├── index.html ├── script.js └── style.css ├── 23 - Age_calculator ├── README.md ├── index.html ├── script.js └── style.css ├── 24 - Random_joke_generator ├── index.html ├── script.js └── style.css ├── 25 - Live_currency_converter ├── README.md ├── fetchData.js ├── index.html ├── script.js ├── style.css └── utils.js ├── 26 - Random_password_generator ├── index.html ├── script.js └── style.css ├── 27 - Choose_background_and_download ├── images │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ └── 7.jpg ├── index.html ├── script.js └── style.css ├── 28 - BMI_Calculator ├── index.html ├── script.js └── style.css ├── README.md ├── Weather app ├── apikey.js ├── index.html ├── script.js └── style.css └── _images ├── 2025.jpg ├── OneMoreThing.png ├── aj.png └── presentation.jpg /.gitignore: -------------------------------------------------------------------------------- 1 | ./utils.js -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/.vscode/settings.json -------------------------------------------------------------------------------- /01 - Footer_date_auto_update/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/01 - Footer_date_auto_update/index.html -------------------------------------------------------------------------------- /01 - Footer_date_auto_update/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/01 - Footer_date_auto_update/readme.md -------------------------------------------------------------------------------- /01 - Footer_date_auto_update/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/01 - Footer_date_auto_update/script.js -------------------------------------------------------------------------------- /01 - Footer_date_auto_update/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/01 - Footer_date_auto_update/style.css -------------------------------------------------------------------------------- /02 - Date_count_down_and_up/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/02 - Date_count_down_and_up/index.html -------------------------------------------------------------------------------- /02 - Date_count_down_and_up/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/02 - Date_count_down_and_up/script.js -------------------------------------------------------------------------------- /02 - Date_count_down_and_up/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/02 - Date_count_down_and_up/style.css -------------------------------------------------------------------------------- /03 - Click_to_download/CSS_Masking.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/03 - Click_to_download/CSS_Masking.gif -------------------------------------------------------------------------------- /03 - Click_to_download/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/03 - Click_to_download/index.html -------------------------------------------------------------------------------- /03 - Click_to_download/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/03 - Click_to_download/script.js -------------------------------------------------------------------------------- /03 - Click_to_download/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/03 - Click_to_download/style.css -------------------------------------------------------------------------------- /04 - Dark_and_light_mode_toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/04 - Dark_and_light_mode_toggle/index.html -------------------------------------------------------------------------------- /04 - Dark_and_light_mode_toggle/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/04 - Dark_and_light_mode_toggle/script.js -------------------------------------------------------------------------------- /04 - Dark_and_light_mode_toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/04 - Dark_and_light_mode_toggle/style.css -------------------------------------------------------------------------------- /05 - Random_number_generator/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/05 - Random_number_generator/index.html -------------------------------------------------------------------------------- /05 - Random_number_generator/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/05 - Random_number_generator/readme.md -------------------------------------------------------------------------------- /05 - Random_number_generator/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/05 - Random_number_generator/script.js -------------------------------------------------------------------------------- /06 - Count_number_app/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/06 - Count_number_app/index.html -------------------------------------------------------------------------------- /06 - Count_number_app/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/06 - Count_number_app/readme.md -------------------------------------------------------------------------------- /06 - Count_number_app/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/06 - Count_number_app/script.js -------------------------------------------------------------------------------- /06 - Count_number_app/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/06 - Count_number_app/style.css -------------------------------------------------------------------------------- /07 - Border_radius_slider/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/07 - Border_radius_slider/index.html -------------------------------------------------------------------------------- /07 - Border_radius_slider/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/07 - Border_radius_slider/readme.md -------------------------------------------------------------------------------- /07 - Border_radius_slider/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/07 - Border_radius_slider/script.js -------------------------------------------------------------------------------- /08 - Border_width_slider/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/08 - Border_width_slider/index.html -------------------------------------------------------------------------------- /08 - Border_width_slider/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/08 - Border_width_slider/readme.md -------------------------------------------------------------------------------- /08 - Border_width_slider/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/08 - Border_width_slider/script.js -------------------------------------------------------------------------------- /08 - Border_width_slider/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/08 - Border_width_slider/style.css -------------------------------------------------------------------------------- /09 - Image_position_slider/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/09 - Image_position_slider/index.html -------------------------------------------------------------------------------- /09 - Image_position_slider/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/09 - Image_position_slider/readme.md -------------------------------------------------------------------------------- /09 - Image_position_slider/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/09 - Image_position_slider/script.js -------------------------------------------------------------------------------- /09 - Image_position_slider/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/09 - Image_position_slider/style.css -------------------------------------------------------------------------------- /10 - Card_expandible_and_collapsible/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/10 - Card_expandible_and_collapsible/index.html -------------------------------------------------------------------------------- /10 - Card_expandible_and_collapsible/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/10 - Card_expandible_and_collapsible/readme.md -------------------------------------------------------------------------------- /10 - Card_expandible_and_collapsible/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/10 - Card_expandible_and_collapsible/script.js -------------------------------------------------------------------------------- /11 - Vowel_count/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/11 - Vowel_count/index.html -------------------------------------------------------------------------------- /11 - Vowel_count/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/11 - Vowel_count/readme.md -------------------------------------------------------------------------------- /11 - Vowel_count/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/11 - Vowel_count/script.js -------------------------------------------------------------------------------- /12 - Twitter_character_count/index.htm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/12 - Twitter_character_count/index.htm -------------------------------------------------------------------------------- /12 - Twitter_character_count/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/12 - Twitter_character_count/readme.md -------------------------------------------------------------------------------- /12 - Twitter_character_count/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/12 - Twitter_character_count/script.js -------------------------------------------------------------------------------- /12 - Twitter_character_count/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/12 - Twitter_character_count/style.css -------------------------------------------------------------------------------- /13 - Searchbar_expand_and_collapse /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/13 - Searchbar_expand_and_collapse /index.html -------------------------------------------------------------------------------- /13 - Searchbar_expand_and_collapse /readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/13 - Searchbar_expand_and_collapse /readme.md -------------------------------------------------------------------------------- /13 - Searchbar_expand_and_collapse /script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/13 - Searchbar_expand_and_collapse /script.js -------------------------------------------------------------------------------- /13 - Searchbar_expand_and_collapse /style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/13 - Searchbar_expand_and_collapse /style.css -------------------------------------------------------------------------------- /14 - Random_hex_color_generator/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/14 - Random_hex_color_generator/index.html -------------------------------------------------------------------------------- /14 - Random_hex_color_generator/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/14 - Random_hex_color_generator/readme.md -------------------------------------------------------------------------------- /14 - Random_hex_color_generator/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/14 - Random_hex_color_generator/script.js -------------------------------------------------------------------------------- /14 - Random_hex_color_generator/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/14 - Random_hex_color_generator/style.css -------------------------------------------------------------------------------- /15 - Background_changer_using_HTML_color_picker/code_theme/prism.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/15 - Background_changer_using_HTML_color_picker/code_theme/prism.css -------------------------------------------------------------------------------- /15 - Background_changer_using_HTML_color_picker/code_theme/prism.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/15 - Background_changer_using_HTML_color_picker/code_theme/prism.js -------------------------------------------------------------------------------- /15 - Background_changer_using_HTML_color_picker/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/15 - Background_changer_using_HTML_color_picker/index.html -------------------------------------------------------------------------------- /15 - Background_changer_using_HTML_color_picker/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/15 - Background_changer_using_HTML_color_picker/script.js -------------------------------------------------------------------------------- /15 - Background_changer_using_HTML_color_picker/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/15 - Background_changer_using_HTML_color_picker/style.css -------------------------------------------------------------------------------- /16 - Accordion_open_and_close/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/16 - Accordion_open_and_close/index.html -------------------------------------------------------------------------------- /16 - Accordion_open_and_close/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/16 - Accordion_open_and_close/script.js -------------------------------------------------------------------------------- /16 - Accordion_open_and_close/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/16 - Accordion_open_and_close/style.css -------------------------------------------------------------------------------- /17 - Modal_or_popup_window/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/17 - Modal_or_popup_window/index.html -------------------------------------------------------------------------------- /17 - Modal_or_popup_window/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/17 - Modal_or_popup_window/readme.md -------------------------------------------------------------------------------- /17 - Modal_or_popup_window/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/17 - Modal_or_popup_window/script.js -------------------------------------------------------------------------------- /17 - Modal_or_popup_window/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/17 - Modal_or_popup_window/style.css -------------------------------------------------------------------------------- /18 - Progress_page_steps/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/18 - Progress_page_steps/index.html -------------------------------------------------------------------------------- /18 - Progress_page_steps/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/18 - Progress_page_steps/index.js -------------------------------------------------------------------------------- /18 - Progress_page_steps/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/18 - Progress_page_steps/readme.md -------------------------------------------------------------------------------- /18 - Progress_page_steps/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/18 - Progress_page_steps/style.css -------------------------------------------------------------------------------- /19 - Notes_app/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/19 - Notes_app/index.html -------------------------------------------------------------------------------- /19 - Notes_app/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/19 - Notes_app/script.js -------------------------------------------------------------------------------- /19 - Notes_app/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/19 - Notes_app/style.css -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/images/1.jpg -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/images/2.jpg -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/images/3.jpg -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/images/4.jpg -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/images/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/images/5.jpg -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/images/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/images/6.jpg -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/images/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/images/7.jpg -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/index.html -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/script.js -------------------------------------------------------------------------------- /20 - Background_choosing_with_images_and_gradients/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/20 - Background_choosing_with_images_and_gradients/style.css -------------------------------------------------------------------------------- /21 - Box_shadow_controller/Box shadow controller planning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/21 - Box_shadow_controller/Box shadow controller planning.png -------------------------------------------------------------------------------- /21 - Box_shadow_controller/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/21 - Box_shadow_controller/index.html -------------------------------------------------------------------------------- /21 - Box_shadow_controller/readme.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /21 - Box_shadow_controller/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/21 - Box_shadow_controller/script.js -------------------------------------------------------------------------------- /21 - Box_shadow_controller/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/21 - Box_shadow_controller/style.css -------------------------------------------------------------------------------- /22 - Image_filter_app/code_theme/prism.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/22 - Image_filter_app/code_theme/prism.css -------------------------------------------------------------------------------- /22 - Image_filter_app/code_theme/prism.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/22 - Image_filter_app/code_theme/prism.js -------------------------------------------------------------------------------- /22 - Image_filter_app/filter the image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/22 - Image_filter_app/filter the image.png -------------------------------------------------------------------------------- /22 - Image_filter_app/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/22 - Image_filter_app/index.html -------------------------------------------------------------------------------- /22 - Image_filter_app/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/22 - Image_filter_app/script.js -------------------------------------------------------------------------------- /22 - Image_filter_app/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/22 - Image_filter_app/style.css -------------------------------------------------------------------------------- /23 - Age_calculator/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/23 - Age_calculator/README.md -------------------------------------------------------------------------------- /23 - Age_calculator/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/23 - Age_calculator/index.html -------------------------------------------------------------------------------- /23 - Age_calculator/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/23 - Age_calculator/script.js -------------------------------------------------------------------------------- /23 - Age_calculator/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/23 - Age_calculator/style.css -------------------------------------------------------------------------------- /24 - Random_joke_generator/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/24 - Random_joke_generator/index.html -------------------------------------------------------------------------------- /24 - Random_joke_generator/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/24 - Random_joke_generator/script.js -------------------------------------------------------------------------------- /24 - Random_joke_generator/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/24 - Random_joke_generator/style.css -------------------------------------------------------------------------------- /25 - Live_currency_converter/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/25 - Live_currency_converter/README.md -------------------------------------------------------------------------------- /25 - Live_currency_converter/fetchData.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/25 - Live_currency_converter/fetchData.js -------------------------------------------------------------------------------- /25 - Live_currency_converter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/25 - Live_currency_converter/index.html -------------------------------------------------------------------------------- /25 - Live_currency_converter/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/25 - Live_currency_converter/script.js -------------------------------------------------------------------------------- /25 - Live_currency_converter/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/25 - Live_currency_converter/style.css -------------------------------------------------------------------------------- /25 - Live_currency_converter/utils.js: -------------------------------------------------------------------------------- 1 | export const API_KEY = "4fb042fd6bcbf8c71ab78e53"; 2 | -------------------------------------------------------------------------------- /26 - Random_password_generator/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/26 - Random_password_generator/index.html -------------------------------------------------------------------------------- /26 - Random_password_generator/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/26 - Random_password_generator/script.js -------------------------------------------------------------------------------- /26 - Random_password_generator/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /27 - Choose_background_and_download/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/images/1.jpg -------------------------------------------------------------------------------- /27 - Choose_background_and_download/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/images/2.jpg -------------------------------------------------------------------------------- /27 - Choose_background_and_download/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/images/3.jpg -------------------------------------------------------------------------------- /27 - Choose_background_and_download/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/images/4.jpg -------------------------------------------------------------------------------- /27 - Choose_background_and_download/images/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/images/5.jpg -------------------------------------------------------------------------------- /27 - Choose_background_and_download/images/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/images/6.jpg -------------------------------------------------------------------------------- /27 - Choose_background_and_download/images/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/images/7.jpg -------------------------------------------------------------------------------- /27 - Choose_background_and_download/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/index.html -------------------------------------------------------------------------------- /27 - Choose_background_and_download/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/script.js -------------------------------------------------------------------------------- /27 - Choose_background_and_download/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/27 - Choose_background_and_download/style.css -------------------------------------------------------------------------------- /28 - BMI_Calculator/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/28 - BMI_Calculator/index.html -------------------------------------------------------------------------------- /28 - BMI_Calculator/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/28 - BMI_Calculator/script.js -------------------------------------------------------------------------------- /28 - BMI_Calculator/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/28 - BMI_Calculator/style.css -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/README.md -------------------------------------------------------------------------------- /Weather app/apikey.js: -------------------------------------------------------------------------------- 1 | const API_KEY = "731000ea206665944728846cabe838ef"; 2 | -------------------------------------------------------------------------------- /Weather app/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/Weather app/index.html -------------------------------------------------------------------------------- /Weather app/script.js: -------------------------------------------------------------------------------- 1 | console.log("test"); 2 | -------------------------------------------------------------------------------- /Weather app/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/Weather app/style.css -------------------------------------------------------------------------------- /_images/2025.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/_images/2025.jpg -------------------------------------------------------------------------------- /_images/OneMoreThing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/_images/OneMoreThing.png -------------------------------------------------------------------------------- /_images/aj.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/_images/aj.png -------------------------------------------------------------------------------- /_images/presentation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ATechAjay/50-The-Ultimate-JavaScript-Projects-Series/HEAD/_images/presentation.jpg --------------------------------------------------------------------------------