[Added] Animations, Intro, Projects, Spinning links

src/app/projects/projects.component.ts

@@ -1,28 +1,81 @@
 import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
+import { AfterViewInit, Component } from '@angular/core';
 
 interface Project {
-  title: string,
-  year: number,   
-  description: string,
-  image: string,
-  technologies: string[]
+  title: string;
+  year: string;
+  description: string;
+  image: string;
+  technologies: string[];
 }
 
 @Component({
   selector: 'app-projects',
   imports: [CommonModule],
   templateUrl: './projects.component.html',
-  styleUrl: './projects.component.scss'
+  styleUrl: './projects.component.scss',
 })
-export class ProjectsComponent {
+export class ProjectsComponent{
   projects: Project[] = [];
 
   constructor() {
-    this.projects.push({title:"Jelly Rescue", year: 2015, description: "Rescue Jellies", image:"Jelly Game - demo.png", technologies: ["C++", "SFML2.0", "Visual Studio"]});
-    this.projects.push({title:"Microcontroller Tetris", year: 2019, description: "Tetris on a 7-segment display", image:"Setup 3.png", technologies: ["C", "ATmega32", "Visual Studio"]});
-    this.projects.push({title:"Goal-based vector field pathfinding algorithm", year: 2018, description: "Particle simulator that can be controlled using the vector-field, and can deal with obstacles", image:"Particle Flow - Demonstration.png", technologies: ["Java", "Swing", "IntelliJ"]});
-
+    this.projects.push({
+      title: 'Continuously learning Supplier-identification module',
+      year: '2021',
+      description:
+        'An application that combines key-value detection and multiclass-classification, to identify the correct supplier for an invoice. It uses online machine learning to keep improving itself as the user provides feedback.',
+      image: 'Supplier Recognition - Demo.png',
+      technologies: [
+        'Angular (Typescript, HTML, CSS)',
+        'ASP.NET Core (C#)',
+        'MS SQL Server',
+        'Python',
+      ],
+    });
+    this.projects.push({
+      title: 'Seabed modification tool',
+      year: '2019 - 2020',
+      description:
+        'A tool to edit the seabed mesh of a maritime simulator. The collisionmap is also updated, to allow ships to interact with this update terrain. \nThis tool allows instructors to rapidly create new terrain, for training shipcrews',
+      image: 'Seabed Modification.png',
+      technologies: ['Unigine (C#)', 'AGC Dynamics (C++)', 'Qt Creator'],
+    });
+    this.projects.push({
+      title: 'Goal-based vector field pathfinding algorithm',
+      year: '2018',
+      description:
+        'The application uses a vector field to direct particles towards a target. The vectors are calculated using a heatmap, which centers on the position of the target. \nThe particles collide with the environment, which can be edited and saved/loaded using the GUI.',
+      image: 'black.png',//'Particle Flow - Demonstration4.png', //"black.png",
+      technologies: ['Java', 'Swing', 'IntelliJ'],
+    });
+    this.projects.push({
+      title: 'Jelly Rescue',
+      year: '2015',
+      description:
+        'A platformer written in C++, with saving/loading, tile- and collisionmaps, enemy AI, collectibles and state management to switch between multiple screens (game, menu, victory, etc.)',
+      image: 'Jelly Game - demo.png',
+      technologies: ['C++', 'SFML2.0', 'Platformer', 'Visual Studio'],
+    });
+    this.projects.push({
+      title: 'Microcontroller Tetris (group project)',
+      year: '2019',
+      description:
+        'Tetris written in C, visualized on dot-matrix displays, with the score visible on a 7-segment display and a menu system visible on the ATMega128.',
+      image: 'Setup 3.png',
+      technologies: [
+        'C',
+        'ATmega128',
+        '7-segment display',
+        'Dot-matrix displays',
+      ],
+    });
+    this.projects.push({
+      title: 'Augmented Reality game (group project)',
+      year: '2019',
+      description:
+        'The game uses computer vision to track a red ball, which serves as the controller. I created a system for the rigging and animations for the player character and the opponents. The math for OpenGL has been handwritten.',
+      image: 'AR Game.png',
+      technologies: ['C++', 'OpenCV', 'OpenGL', 'IrrKlang'],
+    });
   }
-
 }