diff --git a/src/features/api/apiSlice.js b/src/features/api/apiSlice.js
new file mode 100644
index 0000000..c2bc2df
--- /dev/null
+++ b/src/features/api/apiSlice.js
@@ -0,0 +1,15 @@
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
+
+export const apiSlice = createApi({
+    reducerPath: 'api',
+    baseQuery: fetchBaseQuery({ baseUrl: 'http://localhost:8080' }),
+    endpoints: (builder) => ({
+        getTodos: builder.query({
+            query: () => '/todos'
+        })
+    })
+})
+
+export const {
+    useGetTodosQuery
+} = apiSlice
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 2cb1087..6d6bb8b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,9 +3,14 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 
+import { ApiProvider } from '@reduxjs/toolkit/dist/query/react';
+import { apiSlice } from './features/api/apiSlice';
+
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <App />
+    <ApiProvider api={apiSlice}>
+      <App />
+    </ApiProvider>
   </React.StrictMode>
 );