feat: update front service port mapping from 5173 to 80

feat: implement fallback team members and enhance StudioPage layout with team information
git : Merge branch 'main' into feat/connect-front-to-backend
2026-03-12 11:30:55 +01:00 · 2026-03-12 11:30:51 +01:00 · 2026-03-12 11:13:38 +01:00 · 2026-03-12 10:59:07 +01:00 · 2026-03-12 10:59:01 +01:00
8 changed files with 204 additions and 33 deletions
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -19,15 +19,10 @@ services:
    restart: unless-stopped
    ports:
      - "3000:3000"
+    env_file:
+      - ./nest-backend/.env
    environment:
      DATABASE_URL: postgresql://nest_user:nest_password@db:5432/nest_db
-      JWT_SECRET: ${JWT_SECRET:-change_me_in_production}
-      PORT: 3000
-      ADMIN_USERNAME: ${ADMIN_USERNAME:-admin}
-      ADMIN_EMAIL: ${ADMIN_EMAIL:-admin@crowmate.fr}
-      ADMIN_PASSWORD: ${ADMIN_PASSWORD:-change_me}
-      FRONT_ORIGIN: ${FRONT_ORIGIN:-http://localhost:5173}
-      INTRA_ORIGIN: ${INTRA_ORIGIN:-http://localhost:5174}
    depends_on:
      db:
        condition: service_healthy
@@ -39,6 +34,8 @@ services:
    restart: unless-stopped
    ports:
      - "80:80"
+    environment:
+      API_URL: http://api:3000
    depends_on:
      - api

--- a/nest-front/Dockerfile
+++ b/nest-front/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:22-alpine AS build
+FROM node:25-alpine AS build

 WORKDIR /app

--- a/nest-front/src/pages/public/StudioPage.tsx
+++ b/nest-front/src/pages/public/StudioPage.tsx
@@ -1,15 +1,52 @@
-import { useEffect, useState } from 'react';
-import { teamApi } from '../../utils/api';
 import type { TeamMember } from '../../types';

-export default function StudioPage() {
-  const [members, setMembers] = useState<TeamMember[]>([]);
+const FALLBACK_MEMBERS: TeamMember[] = [
+  {
+    id: 'studio-1',
+    name: 'Thibault Pouch',
+    role: 'Game Dev • Lore / CI-CD',
+    bio: 'Works on game dev, game lore, CI/CD, assets, and the web platform.',
+    avatarInitials: 'TP',
+  },
+  {
+    id: 'studio-2',
+    name: 'Pierre Ryssen',
+    role: 'Game Dev • Assets / Web',
+    bio: 'Works on game dev, assets, and the web platform.',
+    avatarInitials: 'PR',
+  },
+  {
+    id: 'studio-3',
+    name: 'Antoine Papillon',
+    role: 'Game Dev • Gameplay',
+    bio: 'Focused on core game development for the project.',
+    avatarInitials: 'AP',
+  },
+  {
+    id: 'studio-4',
+    name: 'Clement Augustinowick',
+    role: 'Game Dev • Gameplay',
+    bio: 'Focused on core game development for the project.',
+    avatarInitials: 'CA',
+  },
+  {
+    id: 'studio-5',
+    name: 'Dany Lhoir',
+    role: 'Game Dev • Multiplayer / Security',
+    bio: 'Works on game dev, multiplayer systems, and cybersecurity.',
+    avatarInitials: 'DL',
+  },
+  {
+    id: 'studio-6',
+    name: 'Timote Koenig',
+    role: 'Game Dev • Assets / Planning',
+    bio: 'Works on game dev, assets, and project planning.',
+    avatarInitials: 'TK',
+  },
+];

-  useEffect(() => {
-    teamApi.getMembers()
-      .then(setMembers)
-      .catch(() => { /* show empty state */ });
-  }, []);
+export default function StudioPage() {
+  const members = FALLBACK_MEMBERS;

  return (
    <div style={{ maxWidth: '1000px', margin: '0 auto', padding: '4rem 1.5rem' }}>
@@ -42,8 +79,8 @@ export default function StudioPage() {
            }}
          >
            CrowMate Studio is an independent game studio founded in 2023 by a team of six developers
-            united by a shared obsession: games that are strange, atmospheric, and actually interesting.
-            We are headquartered somewhere in Europe and operate fully remote.
+            who are all new to game development and learning by building together. We are headquartered
+            somewhere in Europe and operate fully remote.
          </p>
          <p
            style={{
@@ -60,6 +97,41 @@ export default function StudioPage() {
            you don't need a $200 million budget to make something that sticks.
          </p>
        </div>
+
+        <div
+          className="crt-box"
+          style={{ padding: '1.5rem 2rem', display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(160px, 1fr))', gap: '1rem' }}
+        >
+          {[
+            { label: 'TEAM SIZE', value: '6 PEOPLE' },
+            { label: 'FOUNDED', value: '2026' },
+            { label: 'WORK MODE', value: 'REMOTE' },
+            { label: 'CURRENT GAME', value: 'HEADLESS HAZARD' },
+          ].map(({ label, value }) => (
+            <div key={label}>
+              <div
+                style={{
+                  fontFamily: 'var(--font-mono)',
+                  color: 'var(--color-green)',
+                  fontSize: '0.72rem',
+                  letterSpacing: '0.08em',
+                  marginBottom: '0.45rem',
+                }}
+              >
+                {label}
+              </div>
+              <div
+                style={{
+                  fontFamily: 'var(--font-heading)',
+                  color: 'var(--color-text)',
+                  fontSize: '1rem',
+                }}
+              >
+                {value}
+              </div>
+            </div>
+          ))}
+        </div>
      </div>

      {/* History & Vision */}
--- a/nest-intra/Dockerfile
+++ b/nest-intra/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:22-alpine AS build
+FROM node:25-alpine AS build

 WORKDIR /app

--- a/nest-intra/nginx.conf
+++ b/nest-intra/nginx.conf
@@ -3,14 +3,15 @@ server {
    root /usr/share/nginx/html;
    index index.html;

-    # Use Docker's embedded DNS resolver; defer resolution to request time
-    resolver 127.0.0.11 valid=30s;
+    # Docker DNS; resolve API service name at request time.
+    resolver 127.0.0.11 ipv6=off valid=10s;
+    set $api_upstream http://api:3000;

    location /api/ {
-        set $api_upstream http://api:3000;
-        proxy_pass $api_upstream;
+        proxy_pass $api_upstream/api/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

    location / {
--- a/nest-intra/src/pages/intranet/IntranetBugs.tsx
+++ b/nest-intra/src/pages/intranet/IntranetBugs.tsx
@@ -26,6 +26,7 @@ export default function IntranetBugs() {
  const [severityFilter, setSeverityFilter] = useState<BugSeverity | 'all'>('all');
  const [assignedFilter, setAssignedFilter] = useState<string | 'all'>('all');
  const [noteText, setNoteText] = useState('');
+  const [isEnabled, setIsEnabled] = useState(true);

  const openCount = bugs.filter((b) => b.status === 'open').length;
  const criticalCount = bugs.filter((b) => b.severity === 'critical').length;
@@ -72,14 +73,61 @@ export default function IntranetBugs() {
    setNoteText('');
  }, [noteText, user]);

+  if (!isEnabled) {
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '400px', textAlign: 'center' }}>
+        <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '1rem' }}>
+          INTRANET / BUG REPORTS
+        </div>
+        <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-red)', fontSize: '2rem', marginBottom: '0.5rem' }}>FUNCTIONALITY DISABLED</h1>
+        <p style={{ color: 'var(--color-text-muted)', marginBottom: '1.5rem' }}>Bug Reports feature is currently disabled</p>
+        <button
+          onClick={() => setIsEnabled(true)}
+          style={{
+            background: 'var(--color-green)',
+            color: 'var(--color-bg)',
+            border: 'none',
+            padding: '0.6rem 1.2rem',
+            fontFamily: 'var(--font-mono)',
+            fontSize: '0.85rem',
+            cursor: 'pointer',
+            textTransform: 'uppercase',
+            letterSpacing: '0.08em',
+          }}
+        >
+          Re-enable
+        </button>
+      </div>
+    );
+  }
+
  return (
    <div style={{ display: 'grid', gridTemplateColumns: selected ? '1fr 400px' : '1fr', gap: '1.5rem', alignItems: 'start' }}>
      {/* Left panel */}
      <div>
        <div style={{ marginBottom: '1.5rem' }}>
-          <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '0.5rem' }}>
+          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '0.5rem' }}>
+            <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em' }}>
              INTRANET / BUG REPORTS
            </div>
+            <button
+              onClick={() => setIsEnabled(false)}
+              style={{
+                background: 'transparent',
+                border: '1px solid var(--color-red)',
+                color: 'var(--color-red)',
+                padding: '0.3rem 0.7rem',
+                fontFamily: 'var(--font-mono)',
+                fontSize: '0.65rem',
+                cursor: 'pointer',
+                textTransform: 'uppercase',
+                letterSpacing: '0.08em',
+              }}
+              title="Disable this feature"
+            >
+              [DISABLE]
+            </button>
+          </div>
          <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-text)', fontSize: '1.8rem', marginBottom: '1rem' }}>BUG DASHBOARD</h1>

          {/* Stats */}
--- a/nest-intra/src/pages/intranet/IntranetDashboard.tsx
+++ b/nest-intra/src/pages/intranet/IntranetDashboard.tsx
@@ -125,6 +125,8 @@ export default function IntranetDashboard() {
          <NavTile to="/intranet/feed" label="Team Feed" description="Internal staff activity feed. Post updates visible only to the team." icon="[~]" />
          <NavTile to="/intranet/users" label="User Management" description="View all registered users. Promote or ban accounts." icon="[U]" />
          <NavTile to="/intranet/moderation" label="Forum Moderation" description="Pin, lock, and delete threads and replies from the public forum." icon="[M]" />
+          <NavTile to="/intranet/events" label="Event Calendar" description="Manage upcoming events, deadlines, and team meetings." icon="[E]" />
+          <NavTile to="/intranet/services" label="Service Status" description="Redirection to all the services." icon="[S]" />
        </div>
      </div>

--- a/nest-intra/src/pages/intranet/IntranetModeration.tsx
+++ b/nest-intra/src/pages/intranet/IntranetModeration.tsx
@@ -8,6 +8,7 @@ export default function IntranetModeration() {
  const [selectedThreadId, setSelectedThreadId] = useState<string | null>(null);
  const [search, setSearch] = useState('');
  const [activeTab, setActiveTab] = useState<'threads' | 'replies'>('threads');
+  const [isEnabled, setIsEnabled] = useState(true);

  const filteredThreads = useMemo(() => {
    if (!search.trim()) return threads;
@@ -43,8 +44,36 @@ export default function IntranetModeration() {
  }, [replies]);

  return (
+    <div>
+      {!isEnabled ? (
+        <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '400px', textAlign: 'center' }}>
+          <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '1rem' }}>
+            INTRANET / MODERATION
+          </div>
+          <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-red)', fontSize: '2rem', marginBottom: '0.5rem' }}>FUNCTIONALITY DISABLED</h1>
+          <p style={{ color: 'var(--color-text-muted)', marginBottom: '1.5rem' }}>Forum Moderation feature is currently disabled</p>
+          <button
+            onClick={() => setIsEnabled(true)}
+            style={{
+              background: 'var(--color-green)',
+              color: 'var(--color-bg)',
+              border: 'none',
+              padding: '0.6rem 1.2rem',
+              fontFamily: 'var(--font-mono)',
+              fontSize: '0.85rem',
+              cursor: 'pointer',
+              textTransform: 'uppercase',
+              letterSpacing: '0.08em',
+            }}
+          >
+            Re-enable
+          </button>
+        </div>
+      ) : (
        <div>
      <div style={{ marginBottom: '1.75rem' }}>
+        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+          <div>
            <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '0.5rem' }}>
              INTRANET / MODERATION
            </div>
@@ -53,6 +82,26 @@ export default function IntranetModeration() {
              {threads.length} threads &mdash; {replies.length} replies
            </p>
          </div>
+          <button
+            onClick={() => setIsEnabled(false)}
+            style={{
+              background: 'transparent',
+              border: '1px solid var(--color-red)',
+              color: 'var(--color-red)',
+              padding: '0.3rem 0.7rem',
+              fontFamily: 'var(--font-mono)',
+              fontSize: '0.65rem',
+              cursor: 'pointer',
+              textTransform: 'uppercase',
+              letterSpacing: '0.08em',
+              height: 'fit-content',
+            }}
+            title="Disable this feature"
+          >
+            [DISABLE]
+          </button>
+        </div>
+      </div>

      {/* Tabs */}
      <div style={{ display: 'flex', borderBottom: '1px solid var(--color-border)', marginBottom: '1.5rem', gap: 0 }}>
@@ -226,5 +275,7 @@ export default function IntranetModeration() {
        </div>
      )}
    </div>
+      )}
+    </div>
  );
 }
Author	SHA1	Message	Date
Thibault Pouch	513bfbda96	feat: update front service port mapping from 5173 to 80	2026-03-12 11:30:55 +01:00
Thibault Pouch	c2135bbb5d	feat: implement fallback team members and enhance StudioPage layout with team information	2026-03-12 11:30:51 +01:00
Thibault Pouch	e86eee8744	git : Merge branch 'main' into feat/connect-front-to-backend	2026-03-12 11:13:38 +01:00
Thibault Pouch	8e877c8651	feat: add functionality toggle for Intranet Bugs and Moderation features with enable/disable buttons	2026-03-12 10:59:07 +01:00
Thibault Pouch	77d57fb354	feat: update Dockerfiles to use Node 25-alpine and enhance nginx configuration for API proxying	2026-03-12 10:59:01 +01:00