Added todo slice

src/store/index.ts

@@ -1,9 +1,10 @@
 import { configureStore } from "@reduxjs/toolkit";
 
 import uiStateReducer from "./slices/uiState";
+import todoReducer from "./slices/todo";
 
 const store = configureStore({
-  reducer: { uiState: uiStateReducer },
+  reducer: { uiState: uiStateReducer, todo: todoReducer },
 });
 
 export type RootState = ReturnType<typeof store.getState>;

src/store/slices/todo.ts

@@ -0,0 +1,30 @@
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+
+import { TaskItemT } from "../../types";
+
+const initialState: { tasks: TaskItemT[] } = {
+  tasks: [],
+};
+
+export const todoSlice = createSlice({
+  name: "todo",
+  initialState,
+  reducers: {
+    add: (state, { payload }: PayloadAction<TaskItemT>) => {
+      state.tasks.push(payload);
+    },
+    markDone: (
+      state,
+      { payload }: PayloadAction<{ index: number; value: boolean }>
+    ) => {
+      state.tasks[payload.index].done = payload.value;
+    },
+    remove: (state, { payload }: PayloadAction<number>) => {
+      state.tasks.splice(payload);
+    },
+  },
+});
+
+export const { add, markDone, remove } = todoSlice.actions;
+
+export default todoSlice.reducer;