diff --git a/.gitignore b/.gitignore
index 0bc0ec3d9..dc58e7c6a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,9 +8,6 @@
 # testing
 /coverage
 
-# quiz data
-/src/plays/quizeo/src/data
-
 # production
 /build
 
diff --git a/src/common/routing/RouteDefs.jsx b/src/common/routing/RouteDefs.jsx
index 7e23967a3..7d5b3a8ba 100644
--- a/src/common/routing/RouteDefs.jsx
+++ b/src/common/routing/RouteDefs.jsx
@@ -4,13 +4,6 @@ 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();
 
@@ -18,13 +11,9 @@ const RouteDefs = () => {
     <BrowserRouter>
       <Header />
       <DefMeta />
-      <Provider store = {store}>
-          <PersistGate persistor={persistor}>
       <Routes>
         <Route path="/" element={<Home />} />
         <Route path="/plays" element={<App />}>
-        <Route exact path="/plays/quizeo" element={<QuizeoHome/>}/> 
-        <Route exact path="/plays/quizeo/movie/:categoryId" element={<MoviePage/>}></Route>
           <Route index element={<PlayList />} />
           {plays.map((play, index) => (
             <Route
@@ -36,10 +25,7 @@ const RouteDefs = () => {
         </Route>
         <Route path="/ideas" element={<PlayIdeas />} />
         <Route path="/*" element={<PageNotFound />} />
-        
       </Routes>
-      </PersistGate>
-      </Provider>
       <Footer />
     </BrowserRouter>
   );
diff --git a/src/plays/quizeo/src/Quizeo-App.css b/src/plays/quizeo/src/Quizeo-App.css
deleted file mode 100644
index 22fc328e8..000000000
--- a/src/plays/quizeo/src/Quizeo-App.css
+++ /dev/null
@@ -1,14 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
-
-.Quizeo_container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-h1{
-    font-family: 'Roboto', sans-serif;
-    color:#3D56B2;
-    text-decoration: none;
-}
diff --git a/src/plays/quizeo/src/Quizeo.jsx b/src/plays/quizeo/src/Quizeo.jsx
index d3f54526e..902862917 100644
--- a/src/plays/quizeo/src/Quizeo.jsx
+++ b/src/plays/quizeo/src/Quizeo.jsx
@@ -1,23 +1,41 @@
 import { getPlayById } from 'meta/play-meta-util';
 import PlayHeader from 'common/playlists/PlayHeader';
+import { store,persistor } from './redux/store';
+import { useEffect } from 'react';
+import { setScore, setQuestionNo } from "./redux/questions/questions-action";
+import Directory from "./components/directory/directory.component";
+import Header from "./components/header/header.component";
+import { Provider } from 'react-redux';
+import { PersistGate } from 'redux-persist/integration/react';
 import './quizeo.css'
 
 function Quizeo(props) {
   // Do not remove the below lines. 
   // The following code is to fetch the current play from the URL
+  
   const { id } = props;
   const play = getPlayById(id);
 
   // Your Code Start below.
-
+  
+  useEffect(() =>{
+    store.dispatch(setScore());
+    store.dispatch(setQuestionNo());
+  })
   return (
     <>
       <div className="play-details">
         <PlayHeader play={play} />
-        <div className="play-details-body">
+        <div className="play-details-body quizeo">
         {/* Your Code Starts Here */}
-          
+        <Provider store = {store}>
+          <PersistGate persistor={persistor}>
+            <Header/>
+            <Directory/>
+          </PersistGate>
+        </Provider>
         {/* Your Code Ends Here */}
+
         </div>
       </div>
     </>
diff --git a/src/plays/quizeo/src/components/menu-item/menuItem.component.js b/src/plays/quizeo/src/components/menu-item/menuItem.component.js
index 4ef8c4fae..67ffa360a 100644
--- a/src/plays/quizeo/src/components/menu-item/menuItem.component.js
+++ b/src/plays/quizeo/src/components/menu-item/menuItem.component.js
@@ -1,15 +1,28 @@
-import React from "react";
-import { useNavigate } from "react-router-dom";
+import React, { useCallback, useState } from "react";
+// import { useNavigate } from "react-router-dom";
+import MoviePage from "../../pages/moviePage/moviePage.component";
 
 import './menu-item.styles.css'
 
 const MenuItem = ({title, imageUrl, linkUrl}) => {
-    const navigate = useNavigate()
+    const [isClicked, setIsClicked] = useState(false);
+
+    const handleClick = () =>{
+        setIsClicked(true);
+    }
+
+    const handleLocation = () => {
+        if(window.location.pathname === '/movie'){  
+            <MoviePage categoryId={linkUrl}/>
+        }
+    }
+
     return ( 
             <div className="menu-item">
                 <div className="image-container" style={{backgroundImage:`url(${imageUrl})`}}/>
                     <div className="image-content"
-                        onClick={() => navigate(`${linkUrl}`)}>
+                        onClick={handleClick}>
+                        {isClicked ? {handleLocation}: null}
                         <h1>{title}</h1>
                 </div> 
             </div>
diff --git a/src/plays/quizeo/src/data/movie.data.jsx b/src/plays/quizeo/src/data/movie.data.jsx
new file mode 100644
index 000000000..830160c48
--- /dev/null
+++ b/src/plays/quizeo/src/data/movie.data.jsx
@@ -0,0 +1,254 @@
+const movie_data = {
+    avengers : {
+        id: 1,
+        title : "Avengers",
+        total : 5,
+        questions:[
+            {
+                id:1,
+                question:"How many rings does Captain America's shield have?",
+                options:{
+                    "a": 3,
+                    "b": 2,
+                    "c": 4,
+                    "d": 5
+                },
+                answer : 2
+            },
+            {
+                id:2,
+                question:"Who was the last holder of the Space Stone before Thanos claims it for his Infinity Gauntlet?",
+                options:{
+                    "a": "Thor",
+                    "b": "Loki",
+                    "c": "The Collector",
+                    "d": "Tony stark"
+                },
+                answer : "Loki"
+            },
+            {
+                id:3,
+                question:"What is the real name of the Black Panther?",
+                options:{
+                    "a":"T'Challa",
+                    "b": "M'Baku",
+                    "c": "N'Jadaka",
+                    "d": "N'Jobu"
+                },
+                answer : "T'Challa"
+            },
+            {
+                id:4,
+                question:"Who is killed by Loki in the Avengers?",
+                options:{
+                    "a": "Maria Hill",
+                    "b": "Nick Fury",
+                    "c": "Agent Coulson",
+                    "d": "Doctor Erik Selvig"
+                },
+                answer : "Agent Coulson"
+            },
+            {
+                id:5,
+                question:"What is the name of Thor’s hammer?",
+                options:{
+                    "a": "Vanir",
+                    "b": "Mjolnir",
+                    "c": "Aesir",
+                    "d": "Norn"
+                },
+                answer : "Mjolnir"
+            }
+        ]
+    },
+    moneyheist :{
+        id: 2,
+        title : "Money Heist",
+        total : 5,
+        questions:[
+            
+                {
+                    id:1,
+                    question:" How long did the professor take to prepare for the robbery?",
+                    options:{
+                        "a": "months",
+                        "b": "weeks",
+                        "c": "days",
+                        "d": "years"
+                    },
+                    answer : "years"
+                },
+                {
+                    id:2,
+                    question:"How many people did the professor recruit to help him carry out his plan?",
+                    options:{
+                        "a": "seven",
+                        "b": "six",
+                        "c": "eight",
+                        "d": "nine"
+                    },
+                    answer : "eight"
+                },
+                {
+                    id:3,
+                    question:"In which country does Raquel track the Professor after the first heist?",
+                    options:{
+                        "a": "Philippines",
+                        "b": "Thailand",
+                        "c": "Portugal",
+                        "d": "Clark"
+                    },
+                    answer : "Philippines"
+                },
+                {
+                    id:4,
+                    question:"The whole idea and plan of the heist was whose?",
+                    options:{
+                        "a": "The professor's father",
+                        "b": "Berlin",
+                        "c": "Professor",
+                        "d": "Palermo"
+                    },
+                    answer : "The professor's father"
+                },
+                {
+                    id:5,
+                    question:"How much money were the Robbers able to print?",
+                    options:{
+                        "a": "976 million Euros",
+                        "b": "956 million Euros",
+                        "c": "967 million Euros",
+                        "d": "984 million Euros"
+                    },
+                    answer : "984 million Euros"
+                }
+            
+        ]
+    },
+    friends:{
+        id:3,
+        title: "Friends",
+        total : 5,
+        questions:[
+            {
+                id:1,
+                question:"How many sisters does Joey have?",
+                options:{
+                    "a": 3,
+                    "b": 2,
+                    "c": 4,
+                    "d": 7
+                },
+                answer : 7
+            },
+            {
+                id:2,
+                question:"What is the name of Joey’s character in the commercial for opening milk cartons?",
+                options:{
+                    "a": "Mak",
+                    "b": "Mark",
+                    "c": "Kevin",
+                    "d": "Drake"
+                },
+                answer : "Kevin"
+            },
+            {
+                id:3,
+                question:"What is the name of Joey’s acting agent?",
+                options:{
+                    "a": "Andrea",
+                    "b": "Estelle",
+                    "c": "Martha",
+                    "d": "Carole"
+                },
+                answer : "Estelle"
+            },
+            {
+                id:4,
+                question:"Phoebe has a twin sister. What's her name?",
+                options:{
+                    "a": "Ursula",
+                    "b": "Scalet",
+                    "c": "Sharon",
+                    "d": "Rita"
+                },
+                answer : "Ursula"
+            },
+            {
+                id:5,
+                question:"Who's wearing this turkey on their head?",
+                options:{
+                    "a": "Pheobe",
+                    "b": "Joey",
+                    "c": "Monica",
+                    "d": "Chandler"
+                },
+                answer : "Monica"
+            }
+        ]
+    },
+    squidgame:{
+        id:4,
+        title: "Squid game",
+        total : 5,
+        questions:[
+            {
+                id:1,
+                question:"How many contestants show up to play Squid Game?",
+                options:{
+                    "a": 453,
+                    "b": 456,
+                    "c": 458,
+                    "d": 452
+                },
+                answer : 456
+            },
+            {
+                id:2,
+                question:"What shape did the old man carve in the Honeycomb challenge?",
+                options:{
+                    "a": "triangle",
+                    "b": "circle",
+                    "c": "star",
+                    "d": "umbrella"
+                },
+                answer : "star"
+            },
+            {
+                id:3,
+                question:"Who was Hwang Jun-ho looking for?",
+                options:{
+                    "a": "His younger brother",
+                    "b": "His mother",
+                    "c": "His father",
+                    "d": "His older brother"
+                },
+                answer : "His older brother"
+            },
+            {
+                id:4,
+                question:"How many games are in the competition?",
+                options:{
+                    "a": 6,
+                    "b": 7,
+                    "c": 8,
+                    "d": 5
+                },
+                answer : 6
+            },
+            {
+                id:5,
+                question:"Why did Gi-Hun give his daughter a gift?",
+                options:{
+                    "a": "It was her birthday",
+                    "b": "It was christmas",
+                    "c": "It was New Year",
+                    "d": "It was a festival"
+                },
+                answer : "It was her birthday"
+            }
+        ]
+    }
+}
+
+export default movie_data;
diff --git a/src/plays/quizeo/src/pages/homePage/homePage.component.js b/src/plays/quizeo/src/pages/homePage/homePage.component.js
deleted file mode 100644
index 9abdcaa6a..000000000
--- a/src/plays/quizeo/src/pages/homePage/homePage.component.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from "react";
-import Directory from "../../components/directory/directory.component";
-import Header from "../../components/header/header.component";
-import { store } from "../../redux/store";
-import { setScore, setQuestionNo } from "../../redux/questions/questions-action";
-import '../../Quizeo-App.css';
-
-class QuizeoHome  extends React.Component{
-    componentDidMount(){
-        store.dispatch(setScore());
-        store.dispatch(setQuestionNo());
-    }
-        
-    render(){
-        return ( 
-        <div className="Quizeo_container">
-            <Header/>
-            <Directory/>
-        </div>
-    );
-
-    }
-}
-
-export default QuizeoHome;
\ No newline at end of file
diff --git a/src/plays/quizeo/src/pages/moviePage/moviePage.component.js b/src/plays/quizeo/src/pages/moviePage/moviePage.component.js
index 0c49b996c..ec9f92036 100644
--- a/src/plays/quizeo/src/pages/moviePage/moviePage.component.js
+++ b/src/plays/quizeo/src/pages/moviePage/moviePage.component.js
@@ -1,16 +1,15 @@
 import React from "react";
-import { useParams } from "react-router-dom";
 import { useSelector } from 'react-redux'
 import { selectMovieDataSection } from "../../redux/movie/movieSelector";
 import Questions from "../../components/questions/questions.component";
 import Header from "../../components/header/header.component";
 
-import '../../Quizeo-App.css';
-const MoviePage = () => {
-    const param = useParams();
-    const collection = useSelector(selectMovieDataSection(param.categoryId))
+import '../../quizeo.css'
+const MoviePage = ({categoryId}) => {
+    console.log(categoryId);
+    const collection = useSelector(selectMovieDataSection(categoryId))
     return ( 
-        <div className="Quizeo_container">
+        <div>
             <Header/>
             <Questions collection={collection} />
         </div>
diff --git a/src/plays/quizeo/src/quizeo.css b/src/plays/quizeo/src/quizeo.css
index a10f51f12..27815c684 100644
--- a/src/plays/quizeo/src/quizeo.css
+++ b/src/plays/quizeo/src/quizeo.css
@@ -14,3 +14,10 @@ code {
     monospace;
 }
 
+.quizeo h1{
+    font-family: 'Roboto', sans-serif;
+    color:#3D56B2;
+    text-decoration: none;
+    text-align: center;
+}
+
diff --git a/src/plays/quizeo/src/redux/directory/directory-reducer.js b/src/plays/quizeo/src/redux/directory/directory-reducer.js
index 5d46a8d67..ea82baabe 100644
--- a/src/plays/quizeo/src/redux/directory/directory-reducer.js
+++ b/src/plays/quizeo/src/redux/directory/directory-reducer.js
@@ -4,25 +4,25 @@ const INITIAL_STATE = {
             id:1,
             title:"Avengers",
             imageUrl: "https://i.ibb.co/XWP17ND/avengers-resize.jpg",
-            linkUrl:'movie/avengers'
+            linkUrl:'avengers'
         },
         {
             id:2,
             title:"Money Heist",
             imageUrl: "https://i.ibb.co/Jtw5wN9/money-heist.jpg",
-            linkUrl:'movie/moneyheist'
+            linkUrl:'moneyheist'
         },
         {
             id:3,
             title:"Friends",
             imageUrl: "https://i.ibb.co/s9XCV3H/friends.jpg",
-            linkUrl:'movie/friends'
+            linkUrl:'friends'
         },
         {
             id:4,
             title:"Squid Game",
             imageUrl: "https://i.ibb.co/Qr9ssY3/squid-game.jpg",
-            linkUrl:'movie/squidgame'
+            linkUrl:'squidgame'
         }
     ]
 }