Loading...
;
+ }
+
+ if (error) {
+ return {error}
;
+ }
+
+ if (!article) {
+ return Article not found
;
+ }
+
+ return (
+
+
+ );
+};
+
+export default ArticlePage;
\ No newline at end of file
diff --git a/front/src/pages/ChaosPage.tsx b/front/src/pages/ChaosPage.tsx
new file mode 100644
index 0000000..9efc84b
--- /dev/null
+++ b/front/src/pages/ChaosPage.tsx
@@ -0,0 +1,86 @@
+import MonButton from "../components/chaos/monButton";
+import MonInput from "../components/chaos/MonInput";
+import "../components/chaos/style.css"
+import { useState } from "react";
+
+
+export default function ChaosPage(){
+
+ const [array_letter,setArray_letter]=useState(["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"," ","!"]);
+
+ const [sizeFrontw,setSizeFrontw] = useState(16)
+ const [sizeFronth,setSizeFronth] = useState(20)
+ const [color,setColor] = useState("#ffffff")
+
+ function randomFront(){setSizeFronth(Math.floor(Math.random() * (1000)));
+ setSizeFrontw(Math.floor(Math.random() * (1000)));
+ setColor(`#${Math.floor(Math.random() * 16777215).toString(16)}`)}
+
+ function shuffleArray(arr: string[]) {
+ for (let i = arr.length - 1; i > 0; i--) {
+ const j = Math.floor(Math.random() * (i + 1)); // Choisir un index aléatoire
+ [arr[i], arr[j]] = [arr[j], arr[i]]; // Échanger les éléments
+ }
+ return arr;
+ }
+
+
+ // console.log(shuffledArray); // Affiche un tableau mélangé
+
+
+ const [entry1,setEntry1] = useState("")
+ function E1(ent:string) {
+ setEntry1(entry1+ent);
+ }
+ const [connarddefocus,setFocus] = useState(()=>E1)
+
+ const [entry2,setEntry2] = useState("")
+ function E2(ent:string) {
+ setEntry2(entry2+ent);
+ }
+
+ function changeFocus(E: (ent:string)=>void) {
+ setArray_letter(shuffleArray(array_letter));
+ setFocus(()=>E);
+ }
+
+ const [entry3,setEntry3] = useState("")
+ function E3(ent:string) {
+ setEntry3(entry3+ent);
+ }
+
+ const [tel,setTel] = useState(0)
+
+
+ return(
+
+ 
+
+
+
+
+
+
+ {article.title}
+écrit par {article.author} le {new Date(article.publishedAt).toLocaleDateString()} (Dernière modification le : {new Date(article.editedAt || article.publishedAt).toLocaleDateString()})
++
{article.content}
+
+ changeFocus(E1)} police={""}/>
+ changeFocus(E2)} police={""}/>
+ changeFocus(E3)} police={"Wingdings"}/>
+
+ )
+}
\ No newline at end of file
diff --git a/front/src/pages/GamePage.tsx b/front/src/pages/GamePage.tsx
index 69552df..4ebcb50 100644
--- a/front/src/pages/GamePage.tsx
+++ b/front/src/pages/GamePage.tsx
@@ -1,9 +1,7 @@
import { Canvas } from "@react-three/fiber";
import { OrbitControls, PerspectiveCamera, Sky } from "@react-three/drei";
-import * as THREE from "three";
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
import Ocean from "../components/3d/Ocean";
-import Axes from "../components/3d/Axes";
import Character from "../components/3d/Character";
import Floor from "../components/3d/Floor";
import Marker from "../components/3d/Marker";
@@ -139,7 +137,7 @@ export default function GamePage() {
Chaos Page
+Quel est votre nom ?
+Quel adjectif désigne le mieux Xi Junpin ?
+Combien font 1+1 ?
+
+ {array_letter.map((letter) => {return })}
+
+
+
-
Main Page
+ <> +
+
+
)
}
\ No newline at end of file
diff --git a/front/src/types.ts b/front/src/types.ts
new file mode 100644
index 0000000..b86ff18
--- /dev/null
+++ b/front/src/types.ts
@@ -0,0 +1,13 @@
+interface Article {
+ id: number;
+ title: string;
+ content: string;
+}
+
+interface ArticlePreview {
+ id: number;
+ title: string;
+ preview: string;
+}
+
+export type { Article, ArticlePreview };
\ No newline at end of file
diff --git a/front/vite.config.ts b/front/vite.config.ts
index 8b0f57b..795d340 100644
--- a/front/vite.config.ts
+++ b/front/vite.config.ts
@@ -4,4 +4,28 @@ import react from '@vitejs/plugin-react'
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
+ server: {
+ proxy: {
+ '/api': {
+ target: 'http://127.0.0.1:2486',
+ changeOrigin: true,
+ secure: false,
+ ws: true,
+ /*
+ configure: (proxy, _options) => {
+ proxy.on('error', (err, _req, _res) => {
+ console.log('proxy error', err);
+ });
+ proxy.on('proxyReq', (proxyReq, req, _res) => {
+ console.log('Sending Request to the Target:', req.method, req.url);
+ });
+ proxy.on('proxyRes', (proxyRes, req, _res) => {
+ console.log('Received Response from the Target:', proxyRes.statusCode, req.url);
+ });
+ },
+ */
+ //rewrite: path => path.replace(/^\/api/, '')
+ }
+ }
+ },
})
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..e73376c
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+ "name": "projet-nuitinfo-2024",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {}
+}