add experience and update table template

css/index.css

@@ -31,15 +31,15 @@
   font-weight: bold;
   color: #4b5563;
   padding: 0.7rem 0.7rem 1rem 1rem;
-  border: 1px solid #4b5563;
+  border: 2px solid #4b5563;
   border-radius: 6px;
 }
 
 .table-td {
   text-align: center;
   font-size: medium;
-  font-weight: 300;
+  font-weight: 450;
   color: #4b5563;
-  border: 1px solid #4b5563;
+  border: 2px solid #4b5563;
   border-radius: 6px;
 }

data/experience.json

@@ -1,13 +1,72 @@
 [
   {
-    "company": "AIS",
+    "company": "AIS - Advanced Info Service Plc",
     "position": "Frontend web developer",
     "employeeType": "Vendor",
     "tasks": [
       "add new features to a web applicaton for AIS employees to process SIMs",
+      "work on MongoDB queries",
       "develop functionality to recover sim process data during system failures"
     ],
     "tools": "Angular JS, MongoDB",
-    "years": 1
+    "timePeriod": "Nov 2019 - Jan 2021"
+  },
+  {
+    "company": "True Corporation",
+    "position": "Fullstack web developer",
+    "employeeType": "Outsource",
+    "tasks": [
+      "develop frontend features using React JS",
+      "developing new APIs using Golang",
+      "managing tables, views and procedures on MariaDB(MySQL)",
+      "performance tuning on MySQL queries by indexing and query optimization"
+    ],
+    "tools": "React JS, Golang, MySQL, Cassandra, MinIO, Elasticsearch",
+    "timePeriod": "Feb 2021 - June 2023"
+  },
+  {
+    "company": "True Corporation",
+    "position": "Backend web developer",
+    "employeeType": "Vendor",
+    "tasks": [
+      "developing new APIs on Golang, utilizing goroutines and channels for concurrency to handle high throughput",
+      "tuning MongoDB collections and queries for optimal performance",
+      "using db optimization/concurrency to bring down api response time from multiple seconds to under or just over a second with acceptable CPU and memory usage"
+    ],
+    "tools": "Golang, MongoDB",
+    "timePeriod": "July 2023 - February 2024"
+  },
+    {
+    "company": "AIS - Advanced Info Service Plc",
+    "position": "Backend web developer",
+    "employeeType": "Vendor",
+    "tasks": [
+      "develop numerours APIs on a limited timeframe using Golang",
+      "using kafka for producing and consuming messages"
+    ],
+    "tools": "NodeJS, MongoDB, Kafka",
+    "timePeriod": "March 2024 - February 2025"
+  },
+  {
+    "company": "Thai Watsadu Ltd",
+    "position": "Flutter mobile developer",
+    "employeeType": "Outsource",
+    "tasks": [
+      "help integrate analytics SDKs(ga4, appsflyer and segment) into the present day TOPS mobile application to fire events for user behavior tracking",
+      "closely work with the marketing team to plan out which events to track and how to implement them"
+    ],
+    "tools": "Flutter, GA4, Appsflyer, Segment",
+    "timePeriod": "March 2025 - August 2025"
+  },
+  {
+    "company": "AIS - Advanced Info Service Plc",
+    "position": "Backend web developer",
+    "employeeType": "Vendor",
+    "tasks": [
+      "develop new APIs using Golang",
+      "using kafka for producing and consuming messages"
+    ],
+    "tools": "NodeJS, MongoDB, Kafka",
+    "timePeriod": "September 2025 - Present"
   }
 ]

internal/store/experience_store_json.go

@@ -14,7 +14,7 @@ type ExperienceJSON struct {
 	Position     string   `json:"position"`
 	Tasks        []string `json:"tasks"`
 	Tools        string   `json:"tools"`
-	Years        int      `json:"years"`
+	TimePeriod   string   `json:"timePeriod"`
 }
 
 func GetAllExperiencesJSON() ([]ExperienceJSON, error) {

views/partials/experience-partial.html

@@ -1,8 +1,7 @@
 {{ block "experience-partial" . }}
 <h2 class="text-3xl font-bold m-6">Experience</h2>
-{{ range . }} {{ template "experience-partial-range" . }} {{ end}} {{ end }} {{
-block "experience-partial-range" . }}
 <div class="m-10 mb-6 overflow-x-auto rounded-lg shadow">
+  <p class="mb-6 font-bold text-lg"> Parent Company - IdPassglobal</p>
   <table class="min-w-full border border-gray-300 border-collapse">
     <thead class="bg-gray-100">
       <tr class="border-b border-gray-300">
@@ -11,16 +10,21 @@ block "experience-partial-range" . }}
         <th class="table-th">Employee Type</th>
         <th class="table-th">Tasks</th>
         <th class="table-th">Tools</th>
-        <th class="table-th border-r-0">Years</th>
+        <th class="table-th">Time Period</th>
       </tr>
     </thead>
+{{ range . }} {{ template "experience-partial-range" . }} {{ end }} 
+  </table>
+</div>
+{{ end }}
 
+{{ block "experience-partial-range" . }}
     <tbody>
       <tr class="hover:bg-blue-50 border-b border-gray-300">
         <td class="table-td">{{ .Company }}</td>
         <td class="table-td">{{ .Position }}</td>
         <td class="table-td">{{ .EmployeeType }}</td>
-        <td class="table-td">
+        <td class="table-td text-start px-2">
           <ul class="list-disc list-inside">
             {{ range .Tasks }}
             <li class="m-2">{{ . }}</li>
@@ -28,9 +32,7 @@ block "experience-partial-range" . }}
           </ul>
         </td>
         <td class="table-td">{{ .Tools }}</td>
-        <td class="table-td border-r-0">{{ .Years }}</td>
+        <td class="table-td">{{ .TimePeriod }}</td>
       </tr>
     </tbody>
-  </table>
-</div>
 {{ end }}