la nouit dou cringe

nuitducringe/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

nuitducringe/README.md

@@ -0,0 +1,70 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `npm run eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can't go back!**
+
+If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
+
+You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).
+
+### Code Splitting
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
+
+### Analyzing the Bundle Size
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
+
+### Making a Progressive Web App
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
+
+### Advanced Configuration
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
+
+### Deployment
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
+
+### `npm run build` fails to minify
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)

nuitducringe/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "nuitducringe",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "localforage": "^1.10.0",
+    "match-sorter": "^6.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.20.1",
+    "react-scripts": "5.0.1",
+    "sort-by": "^1.2.0",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

nuitducringe/public/index.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

nuitducringe/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

nuitducringe/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

nuitducringe/src/App.css

@@ -0,0 +1,79 @@
+:root {
+  --text: hsl(0, 0%, 20%);
+  --background: hsl(0, 0%, 95%);
+  --primary: hsl(192, 89%, 89%);
+  --primary-dark: hsl(192, 90%, 84%);
+  --secondary: hsl(318, 100%, 98%);
+  --accent: hsl(192, 90%, 64%);
+  --white: hsl(0, 0%, 100%);
+  --border-radius: 14px;
+  --border: 1px solid;
+  --shadow-color: hsl(0, 0%, 0%, 0.1);
+  --shadow: 0 2px 5px var(--shadow-color);
+  --shadow-hover: 0 1px 5px var(--shadow-color);
+  text-align: center;
+}
+
+#root {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+}
+
+body {
+  color: var(--text);
+  background-color: var(--background);
+}
+
+/* a.button {
+  text-decoration: none;
+  color: var(--text);
+  background-color: var(--primary);
+  border: var(--border) var(--white);
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  padding: 1rem 2rem;
+  margin: 0.5rem;
+  box-shadow: var(--shadow);
+  transition: all 0.2s;
+  &:hover, &:focus {
+    outline: none;
+    background-color: var(--primary-dark);
+    box-shadow: var(--shadow);
+  }
+  &:active {
+    outline: none;
+    background-color: var(--accent);
+    box-shadow: var(--shadow-hover);
+  }
+} */
+
+a.button, button.question {
+  text-decoration: none;
+  color: var(--text);
+  cursor: pointer;
+  transition: all 0.2s;
+  background: none;
+  outline: none;
+  border: none;
+  border-bottom: var(--border) var(--primary);
+  padding: 0.5rem 1rem;
+  margin: 0.5rem;
+  &:hover&:active {
+    padding-top: 0.7rem;
+    padding-bottom: 0.3rem;
+    border-bottom: solid 1.5px var(--accent);
+  };
+  &:hover, &:focus {
+    padding-top: 0.3rem;
+    padding-bottom: 0.7rem;
+    border-bottom: solid 1.5px var(--accent);
+  }
+}
+
+img {
+  max-width: 100%;
+  height: 60vh;
+}

nuitducringe/src/App.js

@@ -0,0 +1,36 @@
+import './App.css';
+import Router from "./Routes/Router";
+import jsonFile from "./ressource/question.json"
+
+function shuffleArray(array) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [array[i], array[j]] = [array[j], array[i]];
+  }
+  return array;
+}
+
+function resetgamedata(){
+  let gamedata = {
+    "questionOrder" : [],
+    "currentQuestion" :  0,
+    "wasTheLastQuestionTrue" : false,
+    "numberOfQuestions" : jsonFile.length
+  }
+  let questionOrder = Array.from({length: jsonFile.length}, (_, i) => i)
+  questionOrder = shuffleArray(questionOrder)
+  gamedata["questionOrder"] = questionOrder;
+  localStorage.setItem("gamedata",JSON.stringify(gamedata));
+}
+
+
+function App() {
+  let data = localStorage.getItem("gamedata")
+  if(data == null) resetgamedata();  
+  
+  return (
+    <Router/>
+  )
+}
+
+export default App;

nuitducringe/src/App.test.js

@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});

nuitducringe/src/Components/Titre.js

@@ -0,0 +1,7 @@
+export default function Titre(props){
+    return(
+        <div>
+            <h1>{props.value}</h1>   
+        </div>
+    )
+}

nuitducringe/src/Pages/FinishPage.js

@@ -0,0 +1,13 @@
+import { Link } from "react-router-dom"
+
+export default function PageDefin(){
+    return (
+        <>
+            <img src="https://steamuserimages-a.akamaihd.net/ugc/918039110663264288/FB25AE09BF7ADB28F79506F8CE35512ED4C83ADE/?imw=5000&imh=5000&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=false"/>
+            <p>
+                Félicitation, tu as sauvé la terre ptdr
+            </p>
+            <Link class="button" to="/">retour a la page d'acceuil</Link>
+        </>
+    )
+}

nuitducringe/src/Pages/Introduction.js

@@ -0,0 +1,18 @@
+import React from "react";
+import Titre from "../Components/Titre";
+import { Link } from "react-router-dom";
+
+export default function Introduction(){
+    return (
+        <>
+            <Titre value="EXTERMINONS LES POLUEURS"/>
+            <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/13332692-13b0-4296-8a11-57f75b2723fe/dbzv1sm-02348868-6e32-49d9-a8ae-c6279459d751.jpg/v1/fill/w_859,h_930,q_70,strp/earth_chan_by_thegreyzen_dbzv1sm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTA4MyIsInBhdGgiOiJcL2ZcLzEzMzMyNjkyLTEzYjAtNDI5Ni04YTExLTU3Zjc1YjI3MjNmZVwvZGJ6djFzbS0wMjM0ODg2OC02ZTMyLTQ5ZDktYThhZS1jNjI3OTQ1OWQ3NTEuanBnIiwid2lkdGgiOiI8PTEwMDAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.a18-si0D0SHz0hbowtWbwK5DEUykY0Rw6HCXOCZ6TuI"/>
+            <p>
+                Voici Earth-Chan, l'incarnation physique de la terre et de l'environement,
+                vous lutez contre les POLUEURS, qui propagent leurs fakes news et leurs idées
+                nefastes qui detruisent Earth-Chan de l'interieur.
+            </p>
+            <Link to="/question/" class="button">Aider EarthChan</Link>
+        </>
+    );
+}

nuitducringe/src/Pages/QuestionPage.js

@@ -0,0 +1,53 @@
+import {useNavigate, Link} from "react-router-dom";
+import jsonFile from "../ressource/question.json"
+
+export default function QuestionPage(){
+    const navigate = useNavigate();
+
+    function getDataFromJson(){
+        let gamedata = JSON.parse(localStorage.getItem("gamedata"));
+        let currentQuestion = gamedata["currentQuestion"];
+        return jsonFile[currentQuestion];
+    }
+    
+    function reponseFausse(){
+        console.log("faux");
+        let gamedata = JSON.parse(localStorage.getItem("gamedata"));
+        gamedata["wasTheLastQuestionTrue"] = false;
+        localStorage.setItem("gamedata",JSON.stringify(gamedata));
+        navigate("/result");
+        return false;
+    }
+    
+    function reponseJuste(){
+        console.log("juste");
+        let gamedata = JSON.parse(localStorage.getItem("gamedata"));
+        gamedata["wasTheLastQuestionTrue"] = true;
+        localStorage.setItem("gamedata",JSON.stringify(gamedata));
+        navigate("/result");
+        return true;
+    }
+
+    let dataFromjson = getDataFromJson();
+    let question = dataFromjson["question"];
+    let reponseJusteButton = <button className="question" onClick={reponseJuste}>{dataFromjson["reponseJuste"]}</button>;
+    let reponseFausseButton = <button className="question" onClick={reponseFausse}>{dataFromjson["reponseFausse"]}</button>;
+    let reponses = [reponseFausseButton,reponseJusteButton].sort((a, b) => 0.5 - Math.random());
+
+    return (
+        <>
+            <img src="https://www.notre-planete.info/actualites/images/climat/minis/Trump-climatosceptique.jpg"/>
+            <p>
+               {question} 
+            </p>
+            <div style={{
+                display: "grid",
+                gridTemplateColumns: "auto auto",
+                gap: "10px",
+                justifyContent: "center"
+            }}>
+                {reponses}
+            </div>
+        </>
+    );
+}

nuitducringe/src/Pages/ResultPage.js

@@ -0,0 +1,45 @@
+import { Link } from 'react-router-dom';
+
+export default function PageResultat(){
+    let gamedata = JSON.parse(localStorage.getItem("gamedata"));
+    let gagne = gamedata["wasTheLastQuestionTrue"];
+    let imageSrc = undefined;
+    let texte = undefined;
+    let button = undefined;
+
+    if (gagne) {
+        gamedata["currentQuestion"] += 1;
+        if (gamedata["currentQuestion"] == gamedata["numberOfQuestions"]-1){
+            button = <Link class="button" to="/finish">terminer le jeu</Link>;
+        } else{
+            button = <Link class="button" to="/question">continue au prochain polueur</Link>;
+        } 
+        imageSrc = "https://i.pinimg.com/originals/b0/d2/0c/b0d20cb647842b93fa446fd62a7ae68f.png";
+        texte = "t'as gagné yay"
+    }
+    else {
+        gamedata["currentQuestion"] = 0;
+        button = <Link class="button" to="/">retour a la case depart</Link>
+        imageSrc = "https://images.ladepeche.fr/api/v1/images/view/5c33c1248fe56f1a92555910/large/image.jpg";
+        texte = "T'etais vraiment mauvais si tu veux vraiment t'ameliorer tu peux essayer google ptdr"
+    };
+    gamedata["wasTheLastQuestionTrue"] = false;
+    localStorage.setItem("gamedata",JSON.stringify(gamedata));
+
+    return (
+        <div>
+            <img src={imageSrc} />
+            <p>
+                {texte}
+            </p>
+            <div style={{
+                display: "grid",
+                gridTemplateColumns: "auto auto",
+                gap: "10px",
+                justifyContent: "center"
+            }}>
+            {button}
+            </div>
+        </div>
+    )
+}

nuitducringe/src/Routes/Router.js

@@ -0,0 +1,20 @@
+import {
+    createBrowserRouter,
+    RouterProvider,
+    Outlet,
+} from "react-router-dom";
+import { routes } from "./connectedRoutes";
+
+const router = createBrowserRouter([
+    {
+        path: "",
+        element: <Outlet />, // if we need a layout it's here
+        children: routes,
+    },
+]);
+
+export default function Router() {
+    return(
+        <RouterProvider router={router} />
+    )
+}

nuitducringe/src/Routes/connectedRoutes.js

@@ -0,0 +1,23 @@
+import Introduction from "../Pages/Introduction";
+import QuestionPage from "../Pages/QuestionPage";
+import ResultPage from "../Pages/ResultPage";
+import FinishPage from "../Pages/FinishPage";
+
+export const routes = [
+  {
+    path: "/",
+    element: <Introduction />,
+  },
+  {
+    path: "/question/",
+    element: <QuestionPage />,
+  },
+  {
+    path: "/result",
+    element: <ResultPage />,
+  },
+  {
+    path: "/finish",
+    element: <FinishPage />,
+  }
+];

nuitducringe/src/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

nuitducringe/src/index.js

@@ -0,0 +1,15 @@
+import ReactDOM from 'react-dom/client';
+import React, { useState } from 'react';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+    <App />
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

nuitducringe/src/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

nuitducringe/src/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

nuitducringe/src/ressource/question.json

@@ -0,0 +1,58 @@
+[
+    {
+        "question": "Eh guys quand tu laisse ton pc allumée quand t'es pas la tu gagne en perf je te conseille de test bro",
+        "reponseFausse": "oui j'ai tester thx bro",
+        "reponseJuste": "Non les rejets en carbone serait énorme tu dit n'imp"
+    },
+    {
+        "question": "Pas efficase ,la seule énergie à  temps soit-elle écologique que nous maitrison et le nucléaire.",
+        "reponseFausse": "De ouf, go aller voler de l'uranium dans un pay sous développer.",
+        "reponseJuste": "Mais mec , la meilleur central nucléaire du systéme solaire n'est pas déja le soleil ?..."
+    },
+    {
+        "question": "Pourquoi on devrais s'en melée ?! c'est à eux de s'auto géree sur leur développement, mais ... vite quand même ...",
+        "reponseJuste": "C'est pas cool mec... Peace and Love faut s'entraider brow",
+        "reponseFausse": "T'a pas tord en vrai , s'a fait long quand meme la"
+    },
+    {
+        "question": "Utilisée mon jet privé pour aller en vacances , c'est interdit ? Parce que je doit aller à bora-bora pour ... Euh! ... un séminaire!!",
+        "reponseFausse": "Non ne vous inquiétez pas Monsieur, n'oublier pas votre escale a Tahity",
+        "reponseJuste": "Effectivement , Monsieur pour vous je peux vous conseiller le voilier pour votre ... séminaire"
+    },
+    {
+        "question": "Mais ! Pourquoi vous avez remplacer mes lardons par des Cardons, c'est quoi au juste se truc !!!?!!!",
+        "reponseFausse": "Oups effectivement !! Je me suis tromper de rayon au supermarché.Je vais vite appeler le SAV",
+        "reponseJuste": "Ouais bah tas cas dire au cochon de courir moin vite!!! Sa te fera pas de mal de diversifié ton alimentation pour une fois"
+    },
+    {
+        "question": "Il y'a pas besoin de mesure pour l'écologie voyont. De toute facon la technologie va nous sauvait comme elle la toujour fait...",
+        "reponseFausse": "Oui , une fois transhumanisé,plus besoin d'une planéte",
+        "reponseJuste": "Euh...Trop tard brow enfin..."
+    },
+    {
+        "question": "Il faut que j'optimise ma ferme de bitcoin. Prete moi 20 ou 30 carte graphique, c'est pour le travail... ",
+        "reponseFausse": "Bien sa tombe bien ,j'en est trouver une vintaine en cherchant du fils de cuivre dans une usine abandonnée",
+        "reponseJuste": "Tu devrais peut etre trouver un travail différent"
+    },
+    {
+        "question": "Demain je fait un BBQ géant , plus de 50 personnes, que de la bonne viande ",
+        "reponseFausse": "Ouai de ouf , il y a des espace protégé sur la grille ? Mon péché mignon .",
+        "reponseJuste": "Il faudrais peut etre faire de la place pour des legumes sur ta grille nan ?........"
+    },
+    {
+        "question": "Non mais tu sait,  le porte conteneurs vien de chine mais les tomates sont siciliennes !",
+        "reponseFausse": "Ouai on va pas se salir les pieds quand même.",
+        "reponseJuste": "Vous avez des pieds pour les écraser ici. ?"
+    },
+    {
+        "question": "Dans quelle poubelle on jete les kardachian ?",
+        "reponseFausse": "Bleu",
+        "reponseJuste": "Jaun"
+    },
+    {
+        "question": "Comment tu reconnais un viet dans une forêt?",
+        "reponseJuste": "C'est le seul arbre qui peut te parler",
+        "reponseFausse": "tu ne peux pas en autone"
+    }
+
+]

nuitducringe/src/setupTests.js

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';