Fixes.

src/CV.tsx

@@ -7,13 +7,6 @@ import SideProjects from './Components/SideProjects';
 import Languages from './Components/Languages';
 import Interests from './Components/Interests';
 import Skills from './Components/Skills';
-import {Tag, TagCategory} from './Model/tag';
-import {Lang} from './Model/lang';
-import {EducationYear} from './Model/education';
-import {SideProjectCats} from './Model/side-project';
-import {JobAtCompany} from './Model/job-at-company';
-import {Interest} from './Model/interests';
-import {Profile} from './Model/profile';
 import {Me} from './Model/me';
 
 function CV() {
@@ -23,7 +16,7 @@ function CV() {
     const [cv, setCV] = useState<Me>(new Me());
 
     useEffect(() => {
-        fetch("http://localhost:7070/api/me")
+        fetch(process.env.REACT_APP_API_BASE_URL + "/api/me")
             .then(res => res.json())
             .then(
                 (result: Me) => {

src/Components/Education.tsx

@@ -1,5 +1,5 @@
 import React, {ComponentProps} from 'react';
-import {AcademicCapIcon, BriefcaseIcon} from '@heroicons/react/24/outline';
+import {AcademicCapIcon} from '@heroicons/react/24/outline';
 import {EducationYear} from '../Model/education';
 
 function Education(props: ComponentProps<any>) {

src/Components/Header.tsx

@@ -9,7 +9,7 @@ function Header(props: ComponentProps<any>) {
     return (<div
         className="card flex flex-wrap-reverse">
         <div className="basis-1/4">
-            <img className="w-60 rounded-full shadow-lg lg:divide-x divide-gray-600" src={profile.picture}
+            <img className="w-60 rounded-full shadow-lg lg:divide-x divide-gray-600" src={profile.picture} alt={profile.name}
             />
         </div>
         <div className="basis-2/4 prose p-3 prose-sm grow">
@@ -31,9 +31,10 @@ function Header(props: ComponentProps<any>) {
                 <div><UserPlusIcon className="icon"/><a className=""
                                                                          href={profile.linkedin}
 
-                                                                         target="_blank">Mon linkedin</a></div>
+                                                                         target="_blank" rel="noreferrer">Mon linkedin</a></div>
                 <div><CodeBracketIcon className="icon"/><a className=""
-                                                                            href={profile.source} target="_blank">Mon
+
+                                                                            href={profile.source} target="_blank" rel="noreferrer">Mon
                     code</a></div>
             </div>
         </div>

src/Components/Interests.tsx

@@ -1,5 +1,5 @@
 import React, {ComponentProps} from 'react';
-import {CalendarDaysIcon, FaceSmileIcon, LanguageIcon} from '@heroicons/react/24/outline';
+import {FaceSmileIcon} from '@heroicons/react/24/outline';
 import {Interest} from '../Model/interests';
 
 function Interests(props: ComponentProps<any>) {

src/Components/Job.tsx

@@ -1,5 +1,4 @@
 import React, {ComponentProps} from 'react';
-import {BriefcaseIcon} from '@heroicons/react/24/outline';
 
 function Job(props: ComponentProps<any>) {
     return (<div className="mb-5">

src/Components/Languages.tsx

@@ -1,5 +1,5 @@
 import React, {ComponentProps} from 'react';
-import {CalendarDaysIcon, LanguageIcon} from '@heroicons/react/24/outline';
+import {LanguageIcon} from '@heroicons/react/24/outline';
 import {Lang} from '../Model/lang';
 
 function Languages(props: ComponentProps<any>) {

src/Components/SideProjects.tsx

@@ -1,7 +1,6 @@
 import React, {ComponentProps} from 'react';
 import {BeakerIcon} from '@heroicons/react/24/outline';
 import {SideProject} from '../Model/side-project';
-import {each, keys, map} from 'lodash';
 
 function SideProjects(props: ComponentProps<any>) {
     return (<div className="prose">

src/Components/Skills.tsx

@@ -1,7 +1,7 @@
 import React, {ComponentProps} from 'react';
-import {CalendarDaysIcon, CheckBadgeIcon, LanguageIcon} from '@heroicons/react/24/outline';
+import {CheckBadgeIcon} from '@heroicons/react/24/outline';
-import {getTagColor, getTagTitle, Tag, TagCategory} from '../Model/tag';
+import {getTagColor, getTagTitle, Tag} from '../Model/tag';
-import {forIn, groupBy, map} from 'lodash';
+import {groupBy, map} from 'lodash';
 
 function Skills(props: ComponentProps<any>) {
     const tagsByCat = groupBy(props.tags, 'category')

src/Model/tag.ts

@@ -1,3 +1,17 @@
+export enum TagCategory {
+    FRONT = 'FRONT',
+    BACK = 'BACK',
+    MOBILE = 'MOBILE',
+    DB = 'DB',
+    OTHER = 'OTHER'
+}
+
+export class Tag {
+    name: string = ""
+    workThing: Boolean = true
+    category!: TagCategory
+}
+
 export function getTagColor(t: Tag) {
     switch (t.category) {
         case TagCategory.FRONT:
@@ -28,17 +42,3 @@ export function getTagTitle(cat: string) {
     }
 };
 
-export enum TagCategory {
-    FRONT = 'FRONT',
-    BACK = 'BACK',
-    MOBILE = 'MOBILE',
-    DB = 'DB',
-    OTHER = 'OTHER'
-}
-
-export class Tag {
-    name: string = ""
-    workThing: Boolean = true
-    category!: TagCategory
-}
-