diff --git a/src/App.tsx b/src/App.tsx
index 53b8270..de784fb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,7 @@
-import { Admin, Resource,} from "react-admin";
+import { Admin, Resource } from "react-admin";
 //import { Layout } from "./Layout";//
 import { dataProvider } from "./dataProvider";
-import { authProvider} from "./authProvider";
+import { authProvider } from "./authProvider";
 import { UserList } from "./components/users/UserList.tsx";
 import { UserEdit } from "./components/users/UserEdit.tsx";
 import { PostEdit } from "./components/posts/PostEdit.tsx";
@@ -18,9 +18,17 @@ import { AlbumList } from "./components/albums/AlbumList.tsx";
 import { PhotoList } from "./components/photos/PhotoList.tsx";
 import { PhotoShow } from "./components/photos/PhotoShow.tsx";
 import { AlbumShow } from "./components/albums/AlbumShow.tsx";
+import { TodoList } from "./components/todos/TodoList.tsx";
+import { TodoEdit } from "./components/todos/TodoEdit.tsx";
+import { TodoShow } from "./components/todos/TodoShow.tsx";
 
 export const App = () => (
-  <Admin layout={MyLayout} dataProvider={dataProvider} authProvider={authProvider} requireAuth>
+  <Admin
+    layout={MyLayout}
+    dataProvider={dataProvider}
+    authProvider={authProvider}
+    requireAuth
+  >
     <Resource name="users" list={UserList} edit={UserEdit} show={UserShow} />
     <Resource name="posts" list={PostList} edit={PostEdit} show={PostShow} />
     <Resource
@@ -41,6 +49,7 @@ export const App = () => (
       edit={PhotoEdit}
       show={PhotoShow}
     />
+    <Resource name="todos" list={TodoList} edit={TodoEdit} show={TodoShow} />
   </Admin>
 );
 
diff --git a/src/components/todos/TodoEdit.tsx b/src/components/todos/TodoEdit.tsx
new file mode 100644
index 0000000..20c753f
--- /dev/null
+++ b/src/components/todos/TodoEdit.tsx
@@ -0,0 +1,12 @@
+import { BooleanInput, Edit, ReferenceInput, SimpleForm, TextInput } from 'react-admin';
+
+export const TodoEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <ReferenceInput source="userId" reference="users" />
+            <TextInput source="id" />
+            <TextInput source="title" />
+            <BooleanInput source="completed" />
+        </SimpleForm>
+    </Edit>
+);
\ No newline at end of file
diff --git a/src/components/todos/TodoList.tsx b/src/components/todos/TodoList.tsx
new file mode 100644
index 0000000..8c67a2e
--- /dev/null
+++ b/src/components/todos/TodoList.tsx
@@ -0,0 +1,12 @@
+import { BooleanField, Datagrid, List, ReferenceField, TextField } from 'react-admin';
+
+export const TodoList = () => (
+    <List>
+        <Datagrid>
+            <ReferenceField source="userId" reference="users" />
+            <TextField source="id" />
+            <TextField source="title" />
+            <BooleanField source="completed" />
+        </Datagrid>
+    </List>
+);
\ No newline at end of file
diff --git a/src/components/todos/TodoShow.tsx b/src/components/todos/TodoShow.tsx
new file mode 100644
index 0000000..36c6921
--- /dev/null
+++ b/src/components/todos/TodoShow.tsx
@@ -0,0 +1,12 @@
+import { BooleanField, ReferenceField, Show, SimpleShowLayout, TextField } from 'react-admin';
+
+export const TodoShow = () => (
+    <Show>
+        <SimpleShowLayout>
+            <ReferenceField source="userId" reference="users" />
+            <TextField source="id" />
+            <TextField source="title" />
+            <BooleanField source="completed" />
+        </SimpleShowLayout>
+    </Show>
+);
\ No newline at end of file