diff --git a/index.html b/index.html
index e0d1c84..1beea17 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
-
+
Vite + React + TS
diff --git a/src/assets/images/tools/bootstrap.svg b/src/assets/images/tools/bootstrap.svg
new file mode 100644
index 0000000..8f07cfe
--- /dev/null
+++ b/src/assets/images/tools/bootstrap.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/cordova.svg b/src/assets/images/tools/cordova.svg
new file mode 100644
index 0000000..b91f3d2
--- /dev/null
+++ b/src/assets/images/tools/cordova.svg
@@ -0,0 +1,121 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/csharp.svg b/src/assets/images/tools/csharp.svg
new file mode 100644
index 0000000..acea4ea
--- /dev/null
+++ b/src/assets/images/tools/csharp.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/css3.svg b/src/assets/images/tools/css3.svg
new file mode 100644
index 0000000..99e7d06
--- /dev/null
+++ b/src/assets/images/tools/css3.svg
@@ -0,0 +1,28 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/dart.svg b/src/assets/images/tools/dart.svg
new file mode 100644
index 0000000..511e325
--- /dev/null
+++ b/src/assets/images/tools/dart.svg
@@ -0,0 +1,27 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/electron.svg b/src/assets/images/tools/electron.svg
new file mode 100644
index 0000000..dc81c99
--- /dev/null
+++ b/src/assets/images/tools/electron.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/flutter.svg b/src/assets/images/tools/flutter.svg
new file mode 100644
index 0000000..68a547b
--- /dev/null
+++ b/src/assets/images/tools/flutter.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/godotengine.svg b/src/assets/images/tools/godotengine.svg
new file mode 100644
index 0000000..d800bb7
--- /dev/null
+++ b/src/assets/images/tools/godotengine.svg
@@ -0,0 +1,41 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/hotwire.svg b/src/assets/images/tools/hotwire.svg
new file mode 100644
index 0000000..a086109
--- /dev/null
+++ b/src/assets/images/tools/hotwire.svg
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/java.svg b/src/assets/images/tools/java.svg
new file mode 100644
index 0000000..0cddac6
--- /dev/null
+++ b/src/assets/images/tools/java.svg
@@ -0,0 +1,20 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/javascript.svg b/src/assets/images/tools/javascript.svg
new file mode 100644
index 0000000..9650ca7
--- /dev/null
+++ b/src/assets/images/tools/javascript.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/lwjgl.svg b/src/assets/images/tools/lwjgl.svg
new file mode 100644
index 0000000..0797213
--- /dev/null
+++ b/src/assets/images/tools/lwjgl.svg
@@ -0,0 +1,32 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/midi.svg b/src/assets/images/tools/midi.svg
new file mode 100644
index 0000000..c73cc75
--- /dev/null
+++ b/src/assets/images/tools/midi.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/opengl.svg b/src/assets/images/tools/opengl.svg
new file mode 100644
index 0000000..a74c7ac
--- /dev/null
+++ b/src/assets/images/tools/opengl.svg
@@ -0,0 +1,25 @@
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/php.svg b/src/assets/images/tools/php.svg
new file mode 100644
index 0000000..e4f137c
--- /dev/null
+++ b/src/assets/images/tools/php.svg
@@ -0,0 +1,96 @@
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/react.svg b/src/assets/images/tools/react.svg
new file mode 100644
index 0000000..e07b101
--- /dev/null
+++ b/src/assets/images/tools/react.svg
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/requirejs.svg b/src/assets/images/tools/requirejs.svg
new file mode 100644
index 0000000..796e35e
--- /dev/null
+++ b/src/assets/images/tools/requirejs.svg
@@ -0,0 +1,23 @@
+
+
diff --git a/src/assets/images/tools/ruby.svg b/src/assets/images/tools/ruby.svg
new file mode 100644
index 0000000..2a05547
--- /dev/null
+++ b/src/assets/images/tools/ruby.svg
@@ -0,0 +1,136 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/ruby_on_rails.svg b/src/assets/images/tools/ruby_on_rails.svg
new file mode 100644
index 0000000..888792c
--- /dev/null
+++ b/src/assets/images/tools/ruby_on_rails.svg
@@ -0,0 +1,11 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/rust.svg b/src/assets/images/tools/rust.svg
new file mode 100644
index 0000000..dd830c2
--- /dev/null
+++ b/src/assets/images/tools/rust.svg
@@ -0,0 +1,57 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/sass.svg b/src/assets/images/tools/sass.svg
new file mode 100644
index 0000000..75405d4
--- /dev/null
+++ b/src/assets/images/tools/sass.svg
@@ -0,0 +1,18 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/steamapi.svg b/src/assets/images/tools/steamapi.svg
new file mode 100644
index 0000000..2e839c5
--- /dev/null
+++ b/src/assets/images/tools/steamapi.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/sylius.png b/src/assets/images/tools/sylius.png
new file mode 100644
index 0000000..e561950
Binary files /dev/null and b/src/assets/images/tools/sylius.png differ
diff --git a/src/assets/images/tools/symfony.svg b/src/assets/images/tools/symfony.svg
new file mode 100644
index 0000000..2dc7972
--- /dev/null
+++ b/src/assets/images/tools/symfony.svg
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/images/tools/tailwindcss.svg b/src/assets/images/tools/tailwindcss.svg
new file mode 100644
index 0000000..44a2484
--- /dev/null
+++ b/src/assets/images/tools/tailwindcss.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/typescript.svg b/src/assets/images/tools/typescript.svg
new file mode 100644
index 0000000..a46d53d
--- /dev/null
+++ b/src/assets/images/tools/typescript.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/images/tools/unity3d.svg b/src/assets/images/tools/unity3d.svg
new file mode 100644
index 0000000..40b22a5
--- /dev/null
+++ b/src/assets/images/tools/unity3d.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/vite.svg b/src/assets/images/tools/vite.svg
similarity index 100%
rename from public/vite.svg
rename to src/assets/images/tools/vite.svg
diff --git a/src/assets/images/tools/webpack.svg b/src/assets/images/tools/webpack.svg
new file mode 100644
index 0000000..e6f01dc
--- /dev/null
+++ b/src/assets/images/tools/webpack.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/src/data/Tool.ts b/src/data/Tool.ts
index 8db9fea..e72b75b 100644
--- a/src/data/Tool.ts
+++ b/src/data/Tool.ts
@@ -1,3 +1,33 @@
+import RUBY_IMG from '../assets/images/tools/ruby.svg'
+import RUBY_ON_RAILS_IMG from '../assets/images/tools/ruby_on_rails.svg'
+import PHP_IMG from '../assets/images/tools/php.svg'
+import SYMFONY_IMG from '../assets/images/tools/symfony.svg'
+import SYLIUS_IMG from '../assets/images/tools/sylius.png'
+import JAVASCRIPT_IMG from '../assets/images/tools/javascript.svg'
+import TYPESCRIPT_IMG from '../assets/images/tools/typescript.svg'
+import REACT_IMG from '../assets/images/tools/react.svg'
+import HOTWIRE_IMG from '../assets/images/tools/hotwire.svg'
+import CSS_IMG from '../assets/images/tools/css3.svg'
+import SASS_IMG from '../assets/images/tools/sass.svg'
+import TAILWIND_IMG from '../assets/images/tools/tailwindcss.svg'
+import BOOTSTRAP_IMG from '../assets/images/tools/bootstrap.svg'
+import DART_IMG from '../assets/images/tools/dart.svg'
+import FLUTTER_IMG from '../assets/images/tools/flutter.svg'
+import RUST_IMG from '../assets/images/tools/rust.svg'
+import JAVA_IMG from '../assets/images/tools/java.svg'
+import OPENGL_IMG from '../assets/images/tools/opengl.svg'
+import LWJGL_IMG from '../assets/images/tools/lwjgl.svg'
+import CSHARP_IMG from '../assets/images/tools/csharp.svg'
+import UNITY3D_IMG from '../assets/images/tools/unity3d.svg'
+import GODOTENGINE_IMG from '../assets/images/tools/godotengine.svg'
+import WEBPACK_IMG from '../assets/images/tools/webpack.svg'
+import VITE_IMG from '../assets/images/tools/vite.svg'
+import REQUIREJS_IMG from '../assets/images/tools/requirejs.svg'
+import STEAMAPI_IMG from '../assets/images/tools/steamapi.svg'
+import MIDI_IMG from '../assets/images/tools/midi.svg'
+import CORDOVA_IMG from '../assets/images/tools/cordova.svg'
+import ELECTRON_IMG from '../assets/images/tools/electron.svg'
+
enum ToolType {
LANGUAGE = 0b0001,
FRAMEWORK = 0b0010,
@@ -48,7 +78,7 @@ export const Ruby: Tool = {
type: ToolType.LANGUAGE,
name: 'Ruby',
version: '2.7 - 3.2',
- icon: null,
+ icon: RUBY_IMG,
description: null,
url: 'https://www.ruby-lang.org/',
depend_tools: [],
@@ -59,7 +89,7 @@ export const Rails: Tool = {
type: ToolType.FRAMEWORK,
name: 'Ruby on rails',
version: '5.1 - 7.0',
- icon: null,
+ icon: RUBY_ON_RAILS_IMG,
description: null,
url: 'https://rubyonrails.org/',
depend_tools: [Ruby],
@@ -71,7 +101,7 @@ export const Rails: Tool = {
export const Php: Tool = {
type: ToolType.LANGUAGE,
name: 'PHP',
- icon: null,
+ icon: PHP_IMG,
version: '5 et 7',
description: null,
url: 'https://www.php.net/',
@@ -83,7 +113,7 @@ export const Symfony: Tool = {
type: ToolType.FRAMEWORK,
name: 'Symfony',
version: '4.0 - 5.0',
- icon: null,
+ icon: SYMFONY_IMG,
description: null,
url: 'https://symfony.com/',
depend_tools: [Php],
@@ -94,7 +124,7 @@ export const Sylius: Tool = {
type: ToolType.FRAMEWORK,
name: 'Sylius',
version: '1.6',
- icon: null,
+ icon: SYLIUS_IMG,
description: null,
url: 'https://symfony.com/',
depend_tools: [Symfony],
@@ -107,7 +137,7 @@ export const Javascript: Tool = {
type: ToolType.LANGUAGE,
name: 'Javascript',
version: null,
- icon: null,
+ icon: JAVASCRIPT_IMG,
description: null,
url: 'https://www.javascript.com/',
depend_tools: [],
@@ -118,7 +148,7 @@ export const Typescript: Tool = {
type: ToolType.LANGUAGE,
name: 'Typescript',
version: null,
- icon: null,
+ icon: TYPESCRIPT_IMG,
description: null,
url: 'https://www.typescriptlang.org/',
depend_tools: [],
@@ -129,7 +159,7 @@ export const React: Tool = {
type: ToolType.FRAMEWORK,
name: 'React',
version: '14, 15, 16, 17, 18',
- icon: null,
+ icon: REACT_IMG,
description: null,
url: 'https://react.dev/',
depend_tools: [Javascript, Typescript],
@@ -140,7 +170,7 @@ export const Hotwire: Tool = {
type: ToolType.FRAMEWORK,
name: 'Hotwire',
version: '2 - 3',
- icon: null,
+ icon: HOTWIRE_IMG,
description: 'Turbo + Stimulus',
url: 'https://stimulus.hotwired.dev/',
depend_tools: [Javascript, Typescript, Rails],
@@ -153,7 +183,7 @@ export const CSS: Tool = {
type: ToolType.LANGUAGE,
name: 'CSS',
version: null,
- icon: null,
+ icon: CSS_IMG,
description: null,
url: 'https://www.w3schools.com/css/',
depend_tools: [],
@@ -164,7 +194,7 @@ export const SASS: Tool = {
type: ToolType.LANGUAGE,
name: 'SASS',
version: null,
- icon: null,
+ icon: SASS_IMG,
description: null,
url: 'https://sass-lang.com/',
depend_tools: [CSS],
@@ -175,7 +205,7 @@ export const Tailwind: Tool = {
type: ToolType.OTHER,
name: 'Tailwind',
version: null,
- icon: null,
+ icon: TAILWIND_IMG,
description: null,
url: 'https://tailwindcss.com/',
depend_tools: [SASS],
@@ -186,7 +216,7 @@ export const Bootstrap: Tool = {
type: ToolType.OTHER,
name: 'Bootstrap',
version: null,
- icon: null,
+ icon: BOOTSTRAP_IMG,
description: null,
url: 'https://getbootstrap.com/',
depend_tools: [CSS],
@@ -199,7 +229,7 @@ export const Dart: Tool = {
type: ToolType.LANGUAGE,
name: 'Dart',
version: '2 - 3',
- icon: null,
+ icon: DART_IMG,
description: null,
url: 'https://dart.dev/',
depend_tools: [],
@@ -210,7 +240,7 @@ export const Flutter: Tool = {
type: ToolType.FRAMEWORK,
name: 'Flutter',
version: '2 - 3',
- icon: null,
+ icon: FLUTTER_IMG,
description: null,
url: 'https://flutter.dev/',
depend_tools: [Dart],
@@ -223,7 +253,7 @@ export const Rust: Tool = {
type: ToolType.LANGUAGE,
name: 'Rust',
version: 'Édition 2018, 2021',
- icon: null,
+ icon: RUST_IMG,
description: null,
url: 'https://www.rust-lang.org/',
depend_tools: [],
@@ -236,7 +266,7 @@ export const Java: Tool = {
type: ToolType.LANGUAGE,
name: 'Java',
version: '5 - 8',
- icon: null,
+ icon: JAVA_IMG,
description: null,
url: 'https://www.java.com/',
depend_tools: [],
@@ -247,7 +277,7 @@ export const OpenGL: Tool = {
type: ToolType.OTHER,
name: 'OpenGL',
version: '<= 4.0',
- icon: null,
+ icon: OPENGL_IMG,
description: null,
url: 'https://www.opengl.org/',
depend_tools: [],
@@ -258,7 +288,7 @@ export const LWJGL: Tool = {
type: ToolType.LIB_OR_PACKAGE,
name: 'LWJGL',
version: '2 et 3',
- icon: null,
+ icon: LWJGL_IMG,
description: null,
url: 'https://www.opengl.org/',
depend_tools: [Java, OpenGL],
@@ -269,7 +299,7 @@ export const CSharp: Tool = {
type: ToolType.LANGUAGE,
name: 'C#',
version: null,
- icon: null,
+ icon: CSHARP_IMG,
description: null,
url: 'https://www.microsoft.com',
depend_tools: [],
@@ -280,7 +310,7 @@ export const Unity3D: Tool = {
type: ToolType.OTHER,
name: 'Unity3D',
version: '2018-2019',
- icon: null,
+ icon: UNITY3D_IMG,
description: null,
url: 'https://unity.com/',
depend_tools: [CSharp, OpenGL],
@@ -291,7 +321,7 @@ export const GodotEngine: Tool = {
type: ToolType.OTHER,
name: 'GodotEngine',
version: '3.x',
- icon: null,
+ icon: GODOTENGINE_IMG,
description: null,
url: 'https://godotengine.org/',
depend_tools: [CSharp, OpenGL],
@@ -304,7 +334,7 @@ export const Webpack: Tool = {
type: ToolType.OTHER,
name: 'Webpack',
version: null,
- icon: null,
+ icon: WEBPACK_IMG,
description: null,
url: 'https://webpack.js.org/',
depend_tools: [],
@@ -315,7 +345,7 @@ export const Vite: Tool = {
type: ToolType.OTHER,
name: 'Vite',
version: null,
- icon: null,
+ icon: VITE_IMG,
description: null,
url: 'https://vitejs.dev/',
depend_tools: [],
@@ -326,7 +356,7 @@ export const RequireJS: Tool = {
type: ToolType.OTHER,
name: 'RequireJS',
version: null,
- icon: null,
+ icon: REQUIREJS_IMG,
description: null,
url: 'https://requirejs.org/',
depend_tools: [],
@@ -339,7 +369,7 @@ export const SteamAPI: Tool = {
type: ToolType.LIB_OR_PACKAGE,
name: 'SteamAPI',
version: null,
- icon: null,
+ icon: STEAMAPI_IMG,
description: null,
url: 'https://steamcommunity.com/dev',
depend_tools: [],
@@ -350,7 +380,7 @@ export const MIDI: Tool = {
type: ToolType.OTHER,
name: 'MIDI',
version: null,
- icon: null,
+ icon: MIDI_IMG,
description: null,
url: 'https://en.wikipedia.org/wiki/MIDI',
depend_tools: [],
@@ -361,7 +391,7 @@ export const Cordova: Tool = {
type: ToolType.OTHER,
name: 'Cordova',
version: null,
- icon: null,
+ icon: CORDOVA_IMG,
description: null,
url: 'https://cordova.apache.org/',
depend_tools: [],
@@ -372,7 +402,7 @@ export const Electron: Tool = {
type: ToolType.OTHER,
name: 'Electron',
version: null,
- icon: null,
+ icon: ELECTRON_IMG,
description: null,
url: 'https://www.electronjs.org/',
depend_tools: [],