init new fancy project for starting 2024

src/data.json

@@ -0,0 +1,24 @@
+{
+    "socialLinks": [
+        {
+            "name": "Twitter",
+            "url": "https://twitter.com/username"
+        },
+        {
+            "name": "Facebook",
+            "url": "https://facebook.com/username"
+        },
+        {
+            "name": "LinkedIn",
+            "url": "https://linkedin.com/in/username"
+        },
+        {
+            "name": "Instagram",
+            "url": "https://instagram.com/username"
+        },
+        {
+            "name": "YouTube",
+            "url": "https://youtube.com/user/username"
+        }
+    ]
+}

src/index.js

@@ -0,0 +1,3 @@
+import './templates/social-links.hbs';
+import '../public/styles/main.css';
+// Additional JavaScript code can be added here

src/templates/social-links-template.hbs

@@ -0,0 +1,6 @@
+{{#each socialLinks}}
+<div class="social-link">
+    <h2>{{name}}</h2>
+    <a href="{{url}}" target="_blank">Visit {{name}}</a>
+</div>
+{{/each}}