New projet MVG

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "ENI-Angular": {
+    "Portfolio": {
       "projectType": "application",
       "schematics": {},
       "root": "",
@@ -13,7 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/eni-angular",
+            "outputPath": "dist",
             "index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": [
@@ -59,10 +59,10 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "buildTarget": "ENI-Angular:build:production"
+              "buildTarget": "Portfolio:build:production"
             },
             "development": {
-              "buildTarget": "ENI-Angular:build:development"
+              "buildTarget": "Portfolio:build:development"
             }
           },
           "defaultConfiguration": "development"

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "eni-angular",
-  "version": "0.0.0",
+  "name": "portfolio",
+  "version": "1.0.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/app.component.ts

@@ -9,5 +9,4 @@ import { RouterOutlet } from '@angular/router';
   styleUrl: './app.component.css'
 })
 export class AppComponent {
-  title = 'ENI-Angular';
 }

src/app/public/pages/projets/projets.component.html

@@ -11,7 +11,6 @@
     </div>
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
 
-      <!-- Projet 1 -->
       <a href="https://techos-asso.fr" target="_blank" rel="noopener noreferrer"
          class="group block bg-white dark:bg-black border-2 border-primary-blue dark:border-primary-light rounded-lg overflow-hidden shadow-md transition-transform duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-blue">
 
@@ -32,6 +31,7 @@
           </p>
           <div class="flex flex-wrap gap-2 mb-4">
             <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Angular</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Tailwind CSS</span>
             <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Express JS</span>
             <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">mariaDB</span>
           </div>
@@ -41,7 +41,6 @@
         </div>
       </a>
 
-      <!-- Projet 2 -->
       <a href="https://libertypourlavie.fr" target="_blank" rel="noopener noreferrer"
          class="group block bg-white dark:bg-black border-2 border-primary-blue dark:border-primary-light rounded-lg overflow-hidden shadow-md transition-transform duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-blue">
 
@@ -72,6 +71,36 @@
         </div>
       </a>
 
+      <a href="https://monvoisingeek.lidge.fr" target="_blank" rel="noopener noreferrer"
+         class="group block bg-white dark:bg-black border-2 border-primary-blue dark:border-primary-light rounded-lg overflow-hidden shadow-md transition-transform duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-blue">
+
+        <div class="relative h-48">
+          <img src="img/projet/monvoisingeek.png" alt="Site mon voisin geek"
+               class="w-full h-full object-cover" />
+          <div class="absolute top-4 right-4 bg-primary-accent text-white py-1 px-3 rounded-full text-sm font-medium">
+            Web
+          </div>
+        </div>
+
+        <div class="p-6">
+          <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2 group-hover:underline">
+            Site web vitrine Mon Voisin Geek
+          </h3>
+          <p class="text-primary-dark dark:text-primary-white mb-4">
+            Développement d'un site web vitrine simple.
+          </p>
+          <div class="flex flex-wrap gap-2 mb-4">
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Angular</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Tailwind CSS</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Express JS</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">mariaDB</span>
+          </div>
+          <span class="inline-block text-sm text-primary-blue dark:text-primary-light font-medium underline group-hover:no-underline">
+            Voir le projet
+          </span>
+        </div>
+      </a>
+
     </div>
   </div>
 </section>