Added Directory Fetching Logic through Github API

Website/index.html

@@ -25,6 +25,11 @@ <h1>Machine Learning Repos</h1>
             <h2>Welcome to the Machine Learning Repositories</h2>
             <p>This website provides an overview of various machine learning repositories available on GitHub, brought to you by the RecodeHive organization.</p>
             <a href="https://github.com/recodehive/machine-learning-repos" class="cta-button">Visit the Repository</a>
+        </section>.
+        <section id="repo-list">
+            <h2>Repositories</h2>
+            <ul id="directories">
+            </ul>
         </section>
     </main>
 

Website/js/script.js

@@ -0,0 +1,39 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const directoriesList = document.getElementById('directories');
+
+    async function fetchDirectories() {
+        try {
+            const response = await fetch('/api/github/repos');
+
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            const data = await response.json();
+
+            const directories = data.filter(item => item.type === 'dir' && item.name !== 'Website');
+
+            directories.forEach(directory => {
+                const li = document.createElement('li');
+                li.classList.add('card');
+
+                const h3 = document.createElement('h3');
+                h3.textContent = directory.name;
+
+                const a = document.createElement('a');
+                a.href = directory.html_url;
+                a.textContent = 'View Repository';
+                a.classList.add('btn-view-repo');
+
+                li.appendChild(h3);
+                li.appendChild(a);
+                directoriesList.appendChild(li);
+            });
+        } catch (error) {
+            console.error('Error fetching directories:', error);
+            directoriesList.innerHTML = '<li class="card">Failed to load directories.</li>';
+        }
+    }
+
+    fetchDirectories();
+});

Website/server/.env.example

@@ -0,0 +1 @@
+GITHUB_TOKEN = YOUR GITHUB TOKEN