diff --git a/src/components/PostView.tsx b/src/components/PostView.tsx
index 35957b5..c5ea7ea 100644
--- a/src/components/PostView.tsx
+++ b/src/components/PostView.tsx
@@ -16,7 +16,7 @@ export function PostView({ post }: { post: Post }): JSX.Element {
 
   return (
     <View style={style.postView}>
-      <Text style={style.postFont} >{thisPost.content}</Text>
+      <Text style={style.postFont}>{thisPost.content}</Text>
     </View>
   );
 }
diff --git a/src/components/PostsContainer.tsx b/src/components/PostsContainer.tsx
index a67ceb5..71da5eb 100644
--- a/src/components/PostsContainer.tsx
+++ b/src/components/PostsContainer.tsx
@@ -1,26 +1,62 @@
 import React from "react";
-import { View, Text } from "react-native";
-import { getPosts, Post } from "../util/api";
+import { RefreshControl } from "react-native";
+import { getPostsInterval, Post } from "../util/api";
 import { PostView } from "./PostView";
 import { style } from "../util/style";
+import { SafeAreaView } from "react-native";
+import { VirtualizedList } from "react-native";
 
 export function PostsContainer(): JSX.Element {
-  const [posts, setPosts] = React.useState<Post[]>([]);
+  const [postData, setPostData] = React.useState<Post[]>([]);
+  const [page, setPage] = React.useState<number>(0);
+  const [refreshing, setRefreshing] = React.useState<boolean>(false);
+
+  const handleEndReached = (): void => {
+    setPage((prevPage) => prevPage + 1);
+  };
 
   React.useEffect(() => {
+    refreshPosts();
+  }, [page]);
+
+  function refreshPosts(): void {
     async function fetchPosts(): Promise<void> {
-      const posts = await getPosts();
-      setPosts(posts);
+      const newPosts = await getPostsInterval(page*10, 10)
+      setPostData((oldPosts: Post[]) => [...oldPosts, ...newPosts]);
     }
     fetchPosts();
-  }, []);
+  }
 
+  function onRefresh(): void {
+    setRefreshing(true);
+    setPage(0);
+    setPostData(postData.slice(0, 10));
+    setRefreshing(false);
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const getItemCount = (_data: unknown): number => postData.length;
+
+  const getItem = (_data: unknown, index: number): Post => postData[index];
   return (
-    <View style={style.postsContainer}>
-      <Text>Hello World!</Text>
-      {posts.map((post) => (
-        <PostView key={post.id} post={post} />
-      ))}
-    </View>
+    <SafeAreaView style={style.postsContainer}>
+      <VirtualizedList
+        data={postData}
+        initialNumToRender={4}
+        renderItem={({ item }) => <PostView key={item.id} post={item} />}
+        keyExtractor={(item: Post) => item.id}
+        getItemCount={getItemCount}
+        getItem={getItem}
+        onEndReached={handleEndReached}
+        onEndReachedThreshold={0.4}
+        refreshControl={
+          <RefreshControl
+            refreshing={refreshing}
+            onRefresh={onRefresh}
+            colors={["#007AFF"]}
+          />
+        }
+      />
+    </SafeAreaView>
   );
-}
\ No newline at end of file
+}
diff --git a/src/util/api.ts b/src/util/api.ts
index a72078b..bd3c62e 100644
--- a/src/util/api.ts
+++ b/src/util/api.ts
@@ -56,6 +56,12 @@ export async function getPosts(): Promise<Post[]> {
   return data;
 }
 
+export async function getPostsInterval(offset: number, limit: number): Promise<Post[]> {
+  const res = await fetch(URL + `/api/posts?offset=${offset}&limit=${limit}`);
+  const data = await res.json();
+  return data;
+}
+
 /**
  * Fetches a specific post by its ID from the API.
  * @async
@@ -63,7 +69,7 @@ export async function getPosts(): Promise<Post[]> {
  * @param {string} id - The ID of the post to fetch.
  * @returns {Promise<Post>} A promise that resolves to the requested post.
  */
-export async function getPost(id: string): Promise<Post> {
+export async function getPost(id: number): Promise<Post> {
   const res = await fetch(URL + `/api/posts/${id}`);
   const data = await res.json();
   return data;
diff --git a/src/util/style.ts b/src/util/style.ts
index 568bc45..004d332 100644
--- a/src/util/style.ts
+++ b/src/util/style.ts
@@ -14,19 +14,23 @@ export const style = StyleSheet.create({
     backgroundColor: colorScheme.background, // For the "entire" app
     alignItems: 'center',
     justifyContent: 'center',
+    margin: 0,
   },
   postsContainer: {
+    margin: 0,
     height: '100%',
+    width: '100%',
     padding: 5,
-    flex: 1,
-    alignItems: 'center',
+    paddingVertical: 30,
     justifyContent: 'flex-start',
     backgroundColor: colorScheme.background, // For the container holding the posts
   },
   postView: {
+    borderRadius: 6,
     flexDirection: "row",
     backgroundColor: colorScheme.postBox,
-    paddingVertical: 5,
+    margin: 5,
+    padding: 15,
   },
   postFont: {
     color: colorScheme.postFont,