feat: use context api for handling state

Needed to save the user state as well as tests to the context

website/context/types.js

@@ -0,0 +1 @@
+export const SET_PROGRESS = "SET_PROGRESS";

website/context/user/UserState.js

@@ -0,0 +1,36 @@
+import React, { useReducer } from "react";
+import UserContext from "./userContext";
+import UserReducer from "./userReducer";
+import { SET_PROGRESS } from "./types";
+
+const UserState = props => {
+	const initialState = {
+		user: {},
+		test: [
+			{
+				case: ["b=5", "b=5;"],
+				hint: "b should have value of 5",
+				isCorrect: false
+			},
+			{}
+		]
+	};
+
+	const [state, dispatch] = useReducer(UserReducer, initialState);
+
+	//set user progress - complete function
+
+	return (
+		<UserContext.Provider
+			value={{
+				user: state.user,
+				test: state.test,
+				setProgress
+			}}
+		>
+			{props.children}
+		</UserContext.Provider>
+	);
+};
+
+export default UserState;

website/context/user/userContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+
+const userContext = createContext();
+
+export default userContext;

website/context/user/userReducer.js

@@ -0,0 +1,13 @@
+import { SET_PROGRESS } from "..types/";
+
+export default function ur(state, action) {
+	switch (action.type) {
+		case SET_PROGRESS:
+			return {
+				...state,
+				user: action.payload
+			};
+		default:
+			return state;
+	}
+}

website/pages/_app.js

@@ -1,7 +1,12 @@
-import '../styles/globals.css'
+import { UserContext } from "../context/user/userContext";
+import "../styles/globals.css";
 
 function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
+	return (
+		<UserContext>
+			<Component {...pageProps} />
+		</UserContext>
+	);
 }
 
-export default MyApp
+export default MyApp;