4 files changed, 172 insertions, 0 deletions
diff --git a/public/projects/react-small-apps/apps/todos/src/store/auth/auth.slice.js b/public/projects/react-small-apps/apps/todos/src/store/auth/auth.slice.js
new file mode 100644
index 0000000..9e2632d
--- /dev/null
+++ b/public/projects/react-small-apps/apps/todos/src/store/auth/auth.slice.js
@@ -0,0 +1,23 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const initialState = {
+  currentUser: null,
+  isAuthenticated: false,
+};
+
+export const authSlice = createSlice({
+  name: "auth",
+  initialState,
+  reducers: {
+    login: (state, action) => {
+      return { ...state, currentUser: action.payload, isAuthenticated: true };
+    },
+    logout: () => {
+      return initialState;
+    },
+  },
+});
+
+export const { login, logout } = authSlice.actions;
+
+export default authSlice.reducer;
diff --git a/public/projects/react-small-apps/apps/todos/src/store/index.js b/public/projects/react-small-apps/apps/todos/src/store/index.js
new file mode 100644
index 0000000..8d4fe43
--- /dev/null
+++ b/public/projects/react-small-apps/apps/todos/src/store/index.js
@@ -0,0 +1,56 @@
+import { configureStore } from "@reduxjs/toolkit";
+import { LocalStorage } from "../services/LocalStorage.service";
+import authReducer from "./auth/auth.slice";
+import todosReducer from "./todos/todos.slice";
+import usersReducer from "./users/users.slice";
+
+const reducer = {
+  auth: authReducer,
+  todos: todosReducer,
+  users: usersReducer,
+};
+
+const todosMiddleware = (store) => (next) => (action) => {
+  const { type } = action;
+  const result = next(action);
+
+  switch (type) {
+    case "auth/login":
+      const authState = store.getState().auth;
+      LocalStorage.set("todoUser", authState.currentUser);
+      break;
+    case "auth/logout":
+      LocalStorage.remove("todoUser");
+      break;
+    case "todos/updateTodo":
+      const todosState = store.getState().todos;
+      LocalStorage.set("todoList", todosState);
+      break;
+    default:
+      break;
+  }
+
+  return result;
+};
+
+const userFromLocalStorage = LocalStorage.get("todoUser");
+const preloadedAuth = userFromLocalStorage
+  ? { isAuthenticated: true, currentUser: userFromLocalStorage }
+  : undefined;
+
+const todosFromLocalStorage = LocalStorage.get("todoList");
+const preloadedTodos = todosFromLocalStorage
+  ? todosFromLocalStorage
+  : undefined;
+
+const preloadedState = {
+  auth: preloadedAuth,
+  todos: preloadedTodos,
+};
+
+export default configureStore({
+  reducer,
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware().concat(todosMiddleware),
+  preloadedState,
+});
diff --git a/public/projects/react-small-apps/apps/todos/src/store/todos/todos.slice.js b/public/projects/react-small-apps/apps/todos/src/store/todos/todos.slice.js
new file mode 100644
index 0000000..1834d51
--- /dev/null
+++ b/public/projects/react-small-apps/apps/todos/src/store/todos/todos.slice.js
@@ -0,0 +1,54 @@
+import { createSlice, nanoid } from "@reduxjs/toolkit";
+
+export const todosSlice = createSlice({
+  name: "todos",
+  initialState: [
+    {
+      id: nanoid(),
+      createdAt: new Date().toISOString(),
+      title: "Build a todo app",
+      body: "",
+      userId: "demo",
+      done: false,
+    },
+  ],
+  reducers: {
+    addTodo: {
+      reducer: (state, action) => {
+        state.push(action.payload);
+      },
+      prepare: ({ userId, title, body = "" }) => {
+        const id = nanoid();
+        const createdAt = new Date().toISOString();
+        return { payload: { id, createdAt, userId, title, body } };
+      },
+    },
+    deleteTodo: (state, action) => {
+      return state.filter((todo) => todo.id !== action.payload);
+    },
+    updateTodo: (state, action) => {
+      return state.map((todo) => {
+        if (todo.id !== action.payload.id) return todo;
+        return { ...todo, ...action.payload };
+      });
+    },
+    toggleTodo: (state, action) => {
+      const todoId = action.payload;
+      const index = state.findIndex((todo) => todo.id === todoId);
+      const todo = state[index];
+      return [
+        ...state.slice(0, index),
+        { ...todo, done: !todo.done },
+        ...state.slice(index + 1),
+      ];
+    },
+    deleteAllTodos: () => {
+      return [];
+    },
+  },
+});
+
+export const { addTodo, deleteTodo, updateTodo, toggleTodo, deleteAllTodos } =
+  todosSlice.actions;
+
+export default todosSlice.reducer;
diff --git a/public/projects/react-small-apps/apps/todos/src/store/users/users.slice.js b/public/projects/react-small-apps/apps/todos/src/store/users/users.slice.js
new file mode 100644
index 0000000..ecce733
--- /dev/null
+++ b/public/projects/react-small-apps/apps/todos/src/store/users/users.slice.js
@@ -0,0 +1,39 @@
+import { createSlice, nanoid } from "@reduxjs/toolkit";
+
+export const usersSlice = createSlice({
+  name: "users",
+  initialState: [
+    {
+      id: "demo",
+      createdAt: new Date().toISOString(),
+      username: "Demo",
+      email: "demo@email.com",
+      password: "demo",
+    },
+  ],
+  reducers: {
+    addUser: {
+      reducer: (state, action) => {
+        state.push(action.payload);
+      },
+      prepare: (username, email, password) => {
+        const id = nanoid();
+        const createdAt = new Date().toISOString();
+        return { payload: { id, username, email, password, createdAt } };
+      },
+    },
+    deleteUser: (state, action) => {
+      state.filter((user) => user.id !== action.payload);
+    },
+    updateUser: (state, action) => {
+      state.map((user) => {
+        if (user.id !== action.payload.id) return user;
+        return { ...user, ...action.payload };
+      });
+    },
+  },
+});
+
+export const { addUser, deleteUser, updateUser } = usersSlice.actions;
+
+export default usersSlice.reducer;