diff --git a/.gitignore b/.gitignore
index 14256cf8..8b7ec7d5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -14,7 +14,6 @@ day9.md
 day10.md
 01_02_03_days_backup.md
 test.md
-24_Day
 25_Day
 26_Day
 27_Day
diff --git a/23_Day/23_day_dom_day_3.md b/23_Day/23_day_dom_day_3.md
index 1072069c..a5f4c14b 100644
--- a/23_Day/23_day_dom_day_3.md
+++ b/23_Day/23_day_dom_day_3.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 22](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/22_Day/22_day_dom_day_2.md) | [Day 24 >>]()
+[<< Day 22](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/22_Day/22_day_dom_day_2.md) | [Day 24 >>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/24_Day/24_day_dom_day_4.md)
 
 ![Thirty Days Of JavaScript](../images/banners/day_1_23.png)
 
@@ -331,4 +331,4 @@ We can access all the key numbers of the keyboard using different event listener
 
 🎉 CONGRATULATIONS ! 🎉
 
-[<< Day 22](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/22_Day/22_day_dom_day_2.md) | [Day 24 >>]()
+[<< Day 22](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/22_Day/22_day_dom_day_2.md) | [Day 24 >>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/24_Day/24_day_dom_day_4.md)
diff --git a/24_Day/24_day_dom_day_4.md b/24_Day/24_day_dom_day_4.md
new file mode 100644
index 00000000..d6ec3e7f
--- /dev/null
+++ b/24_Day/24_day_dom_day_4.md
@@ -0,0 +1,37 @@
+<div align="center">
+  <h1> 30 Days Of JavaScript</h1>
+  <a class="header-badge" target="_blank" href="https://www.linkedin.com/in/asabeneh/">
+  <img src="https://img.shields.io/badge/style--5eba00.svg?label=LinkedIn&logo=linkedin&style=social">
+  </a>
+  <a class="header-badge" target="_blank" href="https://twitter.com/Asabeneh">
+  <img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/asabeneh?style=social">
+  </a>
+
+<sub>Author:
+<a href="https://www.linkedin.com/in/asabeneh/" target="_blank">Asabeneh Yetayeh</a><br>
+<small> January, 2020</small>
+</sub>
+
+</div>
+
+[<< Day 23](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/23_Day/23_day_dom_day_3.md) | [Day 24 >>]()
+
+![Thirty Days Of JavaScript](../images/banners/day_1_24.png)
+
+- [Day 24](#day-24)
+  - [Exercises](#exercises)
+    - [Exercise: Level 1](#exercise-level-1)
+
+# Day 24
+
+## Exercises
+
+### Exercise: Level 1
+
+1. Develop a small application which calculate a weight of an object in a certain planet. The gif image is not complete check the video in the starter file.
+
+![Solar System](./../images/projects/dom_min_project_solar_system_day_4.1.gif)
+
+🎉 CONGRATULATIONS ! 🎉
+
+[<< Day 23](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/23_Day/23_day_dom_day_3.md) | [Day 24 >>]()
diff --git a/24_Day/24_day_starter/design/dom_min_project_solar_system_day_4.1.mp4 b/24_Day/24_day_starter/design/dom_min_project_solar_system_day_4.1.mp4
new file mode 100644
index 00000000..69ce9368
Binary files /dev/null and b/24_Day/24_day_starter/design/dom_min_project_solar_system_day_4.1.mp4 differ
diff --git a/24_Day/24_day_starter/images/earth.png b/24_Day/24_day_starter/images/earth.png
new file mode 100644
index 00000000..6b549157
Binary files /dev/null and b/24_Day/24_day_starter/images/earth.png differ
diff --git a/24_Day/24_day_starter/images/galaxy.gif b/24_Day/24_day_starter/images/galaxy.gif
new file mode 100644
index 00000000..3c8aab6e
Binary files /dev/null and b/24_Day/24_day_starter/images/galaxy.gif differ
diff --git a/24_Day/24_day_starter/images/jupiter.png b/24_Day/24_day_starter/images/jupiter.png
new file mode 100644
index 00000000..63cc77cf
Binary files /dev/null and b/24_Day/24_day_starter/images/jupiter.png differ
diff --git a/24_Day/24_day_starter/images/mars.png b/24_Day/24_day_starter/images/mars.png
new file mode 100644
index 00000000..d035d3b6
Binary files /dev/null and b/24_Day/24_day_starter/images/mars.png differ
diff --git a/24_Day/24_day_starter/images/mercury.png b/24_Day/24_day_starter/images/mercury.png
new file mode 100644
index 00000000..278acf83
Binary files /dev/null and b/24_Day/24_day_starter/images/mercury.png differ
diff --git a/24_Day/24_day_starter/images/moon.png b/24_Day/24_day_starter/images/moon.png
new file mode 100644
index 00000000..d2562660
Binary files /dev/null and b/24_Day/24_day_starter/images/moon.png differ
diff --git a/24_Day/24_day_starter/images/neptune.png b/24_Day/24_day_starter/images/neptune.png
new file mode 100644
index 00000000..9d824d2f
Binary files /dev/null and b/24_Day/24_day_starter/images/neptune.png differ
diff --git a/24_Day/24_day_starter/images/pluto.png b/24_Day/24_day_starter/images/pluto.png
new file mode 100644
index 00000000..62beb407
Binary files /dev/null and b/24_Day/24_day_starter/images/pluto.png differ
diff --git a/24_Day/24_day_starter/images/saturn.png b/24_Day/24_day_starter/images/saturn.png
new file mode 100644
index 00000000..9bd6d926
Binary files /dev/null and b/24_Day/24_day_starter/images/saturn.png differ
diff --git a/24_Day/24_day_starter/images/uranus.png b/24_Day/24_day_starter/images/uranus.png
new file mode 100644
index 00000000..7e301092
Binary files /dev/null and b/24_Day/24_day_starter/images/uranus.png differ
diff --git a/24_Day/24_day_starter/images/venus.png b/24_Day/24_day_starter/images/venus.png
new file mode 100644
index 00000000..d865f929
Binary files /dev/null and b/24_Day/24_day_starter/images/venus.png differ
diff --git a/24_Day/24_day_starter/index.html b/24_Day/24_day_starter/index.html
new file mode 100644
index 00000000..b351e190
--- /dev/null
+++ b/24_Day/24_day_starter/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Solar System: Document Object Model:30 Days Of JavaScript</title>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet">
+</head>
+
+<body>
+    <header>
+        <h1>Calculate a weight of an object on a planet</h1>
+
+        <input type="text" id="mass" placeholder="Mass in Kilogram" />
+        <select>
+            <option value='none'>--select planet-- </option>
+        </select>
+        <button>Calculate weight</button>
+
+    </header>
+    <main>
+        <div class="flex-container">
+            <div class="flex-item image">
+                <img src='./images/earth.png' class="planet-image" />
+            </div>
+            <div class="flex-item description"></div>
+
+        </div>
+
+
+    </main>
+
+
+
+
+
+    <script src="./scripts/main.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/24_Day/24_day_starter/scripts/main.js b/24_Day/24_day_starter/scripts/main.js
new file mode 100644
index 00000000..c6045c83
--- /dev/null
+++ b/24_Day/24_day_starter/scripts/main.js
@@ -0,0 +1,2 @@
+console.log(countries)
+alert('Open the console and check if the countries has been loaded')
\ No newline at end of file
diff --git a/images/projects/dom_min_project_solar_system_day_4.1.gif b/images/projects/dom_min_project_solar_system_day_4.1.gif
new file mode 100644
index 00000000..d1eb2b46
Binary files /dev/null and b/images/projects/dom_min_project_solar_system_day_4.1.gif differ
diff --git a/images/projects/dom_min_project_solar_system_day_4.1.mkv b/images/projects/dom_min_project_solar_system_day_4.1.mkv
new file mode 100644
index 00000000..1ed941c5
Binary files /dev/null and b/images/projects/dom_min_project_solar_system_day_4.1.mkv differ
diff --git a/images/projects/dom_min_project_solar_system_day_4.1.mp4 b/images/projects/dom_min_project_solar_system_day_4.1.mp4
new file mode 100644
index 00000000..69ce9368
Binary files /dev/null and b/images/projects/dom_min_project_solar_system_day_4.1.mp4 differ