From 900c6196ba353b225f3d368163b6178690fd9a2c Mon Sep 17 00:00:00 2001 From: Vasanti Suthar Date: Sun, 8 May 2022 17:33:49 +0530 Subject: [PATCH 01/12] added quizeo play --- .gitignore | 3 + package.json | 13 +- src/common/routing/RouteDefs.jsx | 13 ++ src/meta/play-meta.js | 14 +++ src/plays/index.js | 1 + src/plays/quizeo/Readme.md | 1 + src/plays/quizeo/cover.png | Bin 0 -> 40318 bytes src/plays/quizeo/src/App.css | 7 ++ src/plays/quizeo/src/Quizeo.jsx | 27 +++++ .../directory/directory.component.jsx | 20 ++++ .../components/directory/directory.styles.css | 9 ++ .../src/components/header/header.component.js | 16 +++ .../src/components/header/header.styles.css | 16 +++ .../components/menu-item/menu-item.styles.css | 35 ++++++ .../menu-item/menuItem.component.js | 19 +++ .../questions/questions.component.js | 58 +++++++++ .../components/questions/questions.styles.css | 113 ++++++++++++++++++ .../src/pages/homePage/homePage.component.js | 25 ++++ .../pages/moviePage/moviePage.component.js | 20 ++++ .../src/pages/score-page/score.component.js | 26 ++++ .../src/pages/score-page/score.styles.css | 48 ++++++++ src/plays/quizeo/src/quizeo.css | 16 +++ .../src/redux/directory/directory-reducer.js | 38 ++++++ .../redux/directory/directory-selectors.js | 8 ++ .../quizeo/src/redux/movie/movie-reducer.js | 43 +++++++ .../quizeo/src/redux/movie/movieSelector.js | 14 +++ .../src/redux/questions/question-types.js | 7 ++ .../src/redux/questions/question.utils.js | 12 ++ .../src/redux/questions/questions-action.js | 22 ++++ src/plays/quizeo/src/redux/root-reducer.js | 17 +++ src/plays/quizeo/src/redux/store.js | 9 ++ 31 files changed, 666 insertions(+), 4 deletions(-) create mode 100644 src/plays/quizeo/Readme.md create mode 100644 src/plays/quizeo/cover.png create mode 100644 src/plays/quizeo/src/App.css create mode 100644 src/plays/quizeo/src/Quizeo.jsx create mode 100644 src/plays/quizeo/src/components/directory/directory.component.jsx create mode 100644 src/plays/quizeo/src/components/directory/directory.styles.css create mode 100644 src/plays/quizeo/src/components/header/header.component.js create mode 100644 src/plays/quizeo/src/components/header/header.styles.css create mode 100644 src/plays/quizeo/src/components/menu-item/menu-item.styles.css create mode 100644 src/plays/quizeo/src/components/menu-item/menuItem.component.js create mode 100644 src/plays/quizeo/src/components/questions/questions.component.js create mode 100644 src/plays/quizeo/src/components/questions/questions.styles.css create mode 100644 src/plays/quizeo/src/pages/homePage/homePage.component.js create mode 100644 src/plays/quizeo/src/pages/moviePage/moviePage.component.js create mode 100644 src/plays/quizeo/src/pages/score-page/score.component.js create mode 100644 src/plays/quizeo/src/pages/score-page/score.styles.css create mode 100644 src/plays/quizeo/src/quizeo.css create mode 100644 src/plays/quizeo/src/redux/directory/directory-reducer.js create mode 100644 src/plays/quizeo/src/redux/directory/directory-selectors.js create mode 100644 src/plays/quizeo/src/redux/movie/movie-reducer.js create mode 100644 src/plays/quizeo/src/redux/movie/movieSelector.js create mode 100644 src/plays/quizeo/src/redux/questions/question-types.js create mode 100644 src/plays/quizeo/src/redux/questions/question.utils.js create mode 100644 src/plays/quizeo/src/redux/questions/questions-action.js create mode 100644 src/plays/quizeo/src/redux/root-reducer.js create mode 100644 src/plays/quizeo/src/redux/store.js diff --git a/.gitignore b/.gitignore index dc58e7c6a7..0bc0ec3d9f 100644 --- a/.gitignore +++ b/.gitignore @@ -8,6 +8,9 @@ # testing /coverage +# quiz data +/src/plays/quizeo/src/data + # production /build diff --git a/package.json b/package.json index 5b56dd344a..fa986896b5 100644 --- a/package.json +++ b/package.json @@ -3,18 +3,23 @@ "version": "1.0.0", "private": true, "dependencies": { + "@giscus/react": "^2.0.3", "@types/react": "^18.0.6", "@types/react-dom": "^18.0.2", - "@giscus/react": "^2.0.3", "plop": "^3.0.5", "react": "^18.0.0", "react-dom": "^18.0.0", "react-helmet": "^6.1.0", "react-icons": "^4.3.1", "react-organizational-chart": "^2.1.1", - "react-router-dom": "6", + "react-redux": "^8.0.1", + "react-router-dom": "^6.3.0", "react-scripts": "5.0.0", "react-shimmer-effect": "^1.0.9", + "redux": "^4.2.0", + "redux-logger": "^3.0.6", + "redux-persist": "^6.0.0", + "reselect": "^4.1.5", "web-vitals": "^2.1.0" }, "scripts": { @@ -50,7 +55,7 @@ ] }, "devDependencies": { - "typescript": "^4.6.4", - "react-snap": "^1.23.0" + "react-snap": "^1.23.0", + "typescript": "^4.6.4" } } diff --git a/src/common/routing/RouteDefs.jsx b/src/common/routing/RouteDefs.jsx index 2311caed61..7e23967a3c 100644 --- a/src/common/routing/RouteDefs.jsx +++ b/src/common/routing/RouteDefs.jsx @@ -4,6 +4,13 @@ import PlayList from "common/playlists/PlayList"; import { getAllPlays } from "meta/play-meta-util"; import { BrowserRouter, Route, Routes } from "react-router-dom"; +import QuizeoHome from "plays/quizeo/src/pages/homePage/homePage.component"; +import MoviePage from "plays/quizeo/src/pages/moviePage/moviePage.component"; +import { Provider } from 'react-redux'; +import { store, persistor } from "plays/quizeo/src/redux/store"; +import { PersistGate } from 'redux-persist/integration/react'; + + const RouteDefs = () => { const plays = getAllPlays(); @@ -11,9 +18,13 @@ const RouteDefs = () => {
+ + } /> }> + }/> + }> } /> {plays.map((play, index) => ( { } /> + +