A hugo-site/data/projects.json

@@ -0,0 +1,17 @@ 
+[
+  {
+    "title": "Auto Movie Tagger",
+    "url": "https://github.com/prithugoswami/auto-movie-tagger",
+    "description": "A small python script that auto tags movie files. It fetches movie information and poster from imdb and tmdb."
+  },
+  {
+    "title": "moviedb",
+    "url": "https://project-moviedb.herokuapp.com",
+    "description": "A simple web app written using python flask framework. A user can search for movies and also add them to their favorites list."
+  },
+  {
+    "title": "dotfiles",
+    "url": "https://github.com/prithugoswami/dotfiles",
+    "description": "These are just my linux config files that I use on my Arch Linux machine."
+  }
+]

M hugo-site/layouts/index.html → hugo-site/layouts/index.html

@@ -109,30 +109,14 @@ <div class=container>
       <h1>Some of my works</h1>
       <div class="shadow-box">
         <div class="project-text">
-          <a href="https://github.com/prithugoswami/auto-movie-tagger" target="_blank">
-            <div class="project-item">
-              <h2>- Auto Movie Tagger</h2>
-              <p> A small python script that auto tags movie files. It fetches movie
-              information and poster from imdb and tmdb.</p>
-            </div>
-          </a>
-
-          <a href="https://project-moviedb.herokuapp.com" target="_blank">
-            <div class="project-item">
-              <h2>- moviedb</h2>
-              <p>A simple web app written using python flask framework. A user
-              can search for movies and also add them to their favorites
-              list.</p>
-            </div>
-          </a>
-
-          <a href="https://github.com/prithugoswami/dotfiles" target="_blank">
+          {{ range .Site.Data.projects }}
+          <a href="{{ .url }}" target="_blank">
             <div class="project-item">
-              <h2>- dotfiles</h2>
-              <p>These are just my linux config files that I use on my Arch
-              Linux machine.</p>
+              <h2>- {{ .title }}</h2>
+              <p>{{ .description }}</p>
             </div>
           </a>
+          {{ end }}
         </div>
         <!-- <div class=btn id=project-cta>View All</div> -->
       </div>