Added latest timeline

Author: Gopal Saini

src/Components/Timeline/Timeline.tsx

@@ -4,7 +4,7 @@ import "./_Timeline.scss";
 interface IProps {
   title: string
   bgColor: string
-  timelines: Array<{ year: number; designation: string, projects: Array<{ name: string, techStack: string, description: string }> }>;
+  timelines: Array<{ year?: number; designation: string, projects: Array<{ name: string, techStack: string, description: string }> }>;
 }
 
 export const Timeline: React.FC<IProps> = tile => {
@@ -18,7 +18,7 @@ export const Timeline: React.FC<IProps> = tile => {
           return [
             <div className={idx === 0 ? 'tile-card card-01' : 'tile-card card-02'} key={`tile-card-${timeline.year}`}>
               <div className="empty-container"></div>
-              <h3 className="card-header">{timeline.year}</h3>
+              { timeline.year ? <h3 className="card-header">{timeline.year}</h3> : null }
               {timeline.designation ? <h4>{timeline.designation}</h4> : null}
               {
                 timeline.projects.map((project: any) => {

src/data/profile.json

@@ -23,13 +23,34 @@
     }
   ],
   "tiles": {
-    "1": {
+    "0": {
       "title": "Career Timeline",
       "bgColor": "#F7AF1F",
+      "timelines": [
+        {
+          "designation": "",
+          "projects": []
+        },
+        {
+          "year": 2022,
+          "designation": "(Feb 2020 - Present) | Architect Experience Technology, Publicis Sapient (NYC, USA)",
+          "projects": [
+            {
+              "name": "Goldman Sachs | Ayco - Workplace Financial Planning",
+              "techStack": "HTML5, CSS3, ES6, Typescript, ReactJS, Apollo GraphQL, Webpack, NodeJS, AngularJS, Storybook, Testing-Library, AEM, Elastic Search",
+              "description": "Goldman Sachs Ayco's - Workplace Financial Planning empowers the entire workforce to achieve financial goals and navigate life events through personalized one-on-one guidance, digital tools and workplace solutions."
+            }
+          ]
+        }
+      ]
+    },
+    "1": {
+      "title": "",
+      "bgColor": "#F7AF1F",
       "timelines": [
         {
           "year": 2020,
-          "designation": "(Aug 2019 - Present) | Architect Experience Technology, Publicis Sapient (NYC, USA)",
+          "designation": "(Aug 2019 - Feb 2020) | Architect Experience Technology, Publicis Sapient (NYC, USA)",
           "projects": [
             {
               "name": "Goldman Sachs | DAS - Digital Advisor Solution",
@@ -163,7 +184,8 @@
     "Docker",
     "Kubernetes",
     "C#.NET",
-    "Crystal Reports"
+    "Crystal Reports",
+    "Elastic Search"
   ],
   "certificates": []
 }