-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* create test battery and setup spacial memory * disable zoom in/out * finish setup for choice reaction * add config for digit symbol and visual pairs * add context * add num pad to digit symbol test * add random wait timer * change test battery to page * add router * reconfig timer for choice reaction * add visual pairs test * add helper function for generate random num list * disable submit button during memorize stage * add placeholder transition page * setup memory recall component * rename digit symbol * fix sizing * modify script to accept same network traffic * add sound check component * change transition from page to component * add general direction page * add delay to memory recall after 5 selection * add placeholder for audio play
- Loading branch information
1 parent
31e8908
commit d4d8285
Showing
156 changed files
with
1,016 additions
and
104 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,23 +1,11 @@ | ||
import "./App.css"; | ||
/* | ||
import { randomSelectFromList } from "./utils/generalUtils"; | ||
import { ChoiceReactionTimeMain } from "./components/ChoiceReactionTimeMain"; | ||
import { DigitSymbolCodingMain } from "./components/DigitSymbolCodingMain"; | ||
import { MemoryRecallMain } from "./components/MemoryRecallMain"; | ||
import { SpacialMemoryMain } from "./components/SpacialMemoryMain"; | ||
*/ | ||
import { createBrowserRouter, RouterProvider } from "react-router-dom"; | ||
import { TestPage } from "./pages/TestPage"; | ||
|
||
function App() { | ||
return ( | ||
<> | ||
{/* <SpacialMemoryMain numNodes={5} /> */} | ||
{/* <MemoryRecallMain selected={["Octopus", "Elephant", "Cat", "Lion", "Squirrel"]} /> */} | ||
{/* <DigitSymbolCodingMain correctIndex={Math.floor(Math.random() * 10) + 1} /> */} | ||
{/* <ChoiceReactionTimeMain | ||
correctIndex={randomSelectFromList([0, 1, 2])} | ||
correctSymbol={randomSelectFromList(["<", ">"])} | ||
/> */} | ||
</> | ||
); | ||
const router = createBrowserRouter([{ path: "assessments", element: <TestPage /> }]); | ||
|
||
return <RouterProvider router={router} />; | ||
} | ||
|
||
export default App; |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,40 +1,104 @@ | ||
import { FC } from "react"; | ||
import { Box, Typography } from "@mui/material"; | ||
import { FC, useEffect, useState } from "react"; | ||
import { Box, Button, Typography } from "@mui/material"; | ||
import { shuffleList } from "../utils/generalUtils"; | ||
import { choiceReactionTimeConfig as uiConfig } from "../config/uiConfig"; | ||
import { choiceReactionTimeConfig as testConfig } from "../config/testConfig"; | ||
|
||
interface ChoiceReactionTimeMainProps { | ||
correctIndex: 0 | 1 | 2; | ||
correctSymbol: string; | ||
handleSubmit: (result: boolean) => void; | ||
} | ||
|
||
export const ChoiceReactionTimeMain: FC<ChoiceReactionTimeMainProps> = ({ correctIndex, correctSymbol }) => { | ||
export const ChoiceReactionTimeMain: FC<ChoiceReactionTimeMainProps> = ({ | ||
correctIndex, | ||
correctSymbol, | ||
handleSubmit, | ||
}) => { | ||
const [hide, setHide] = useState(true); | ||
|
||
const waitTime = | ||
Math.floor(Math.random() * (testConfig.waitTimeMax - testConfig.waitTimeMin)) + testConfig.waitTimeMin; | ||
const symbols = shuffleList(["<", ">"]); | ||
const colors = shuffleList([uiConfig.choiceColor.color0, uiConfig.choiceColor.color1]); | ||
|
||
const submitHandler = (input: string) => { | ||
const result = correctSymbol === input; | ||
setHide(true); | ||
handleSubmit(result); | ||
}; | ||
|
||
useEffect(() => { | ||
const timer = setTimeout(() => { | ||
setHide(false); | ||
}, waitTime); | ||
|
||
return () => clearTimeout(timer); | ||
}, [handleSubmit]); | ||
|
||
return ( | ||
<Box position="relative"> | ||
<Box> | ||
{Array.from({ length: 3 }).map((_, index) => ( | ||
<Box | ||
key={index} | ||
width={80} | ||
height={80} | ||
display="flex" | ||
alignItems="center" | ||
justifyContent="center" | ||
border={1} | ||
marginY={2} | ||
sx={{ | ||
backgroundColor: index === correctIndex ? colors[0] : colors[1], | ||
}} | ||
> | ||
<Typography variant="h2" fontWeight="bold"> | ||
{index === correctIndex ? correctSymbol : symbols.pop()} | ||
</Typography> | ||
</Box> | ||
))} | ||
<Box display="flex" alignItems="center" gap={15}> | ||
<Button | ||
variant="contained" | ||
onClick={() => submitHandler("<")} | ||
sx={{ | ||
backgroundColor: uiConfig.buttonColor, | ||
"&:hover": { | ||
backgroundColor: uiConfig.buttonColor, | ||
}, | ||
width: 160, | ||
height: 160, | ||
color: "black", | ||
fontSize: 80, | ||
fontWeight: "bold", | ||
}} | ||
> | ||
{"<"} | ||
</Button> | ||
<Box position="relative"> | ||
<Box> | ||
{hide ? ( | ||
<Box width={82} /> | ||
) : ( | ||
Array.from({ length: 3 }).map((_, index) => ( | ||
<Box | ||
key={index} | ||
width={80} | ||
height={80} | ||
display="flex" | ||
alignItems="center" | ||
justifyContent="center" | ||
border={1} | ||
marginY={2} | ||
sx={{ | ||
backgroundColor: index === correctIndex ? colors[0] : colors[1], | ||
}} | ||
> | ||
<Typography variant="h2" fontWeight="bold"> | ||
{index === correctIndex ? correctSymbol : symbols.pop()} | ||
</Typography> | ||
</Box> | ||
)) | ||
)} | ||
</Box> | ||
</Box> | ||
<Button | ||
variant="contained" | ||
onClick={() => submitHandler(">")} | ||
sx={{ | ||
backgroundColor: uiConfig.buttonColor, | ||
"&:hover": { | ||
backgroundColor: uiConfig.buttonColor, | ||
}, | ||
width: 160, | ||
height: 160, | ||
color: "black", | ||
fontSize: 80, | ||
fontWeight: "bold", | ||
}} | ||
> | ||
{">"} | ||
</Button> | ||
</Box> | ||
); | ||
}; |
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.