diff --git a/frontend/src/lib/components/Card.svelte b/frontend/src/lib/components/Card.svelte
index 131cf2d..0dbef5a 100644
--- a/frontend/src/lib/components/Card.svelte
+++ b/frontend/src/lib/components/Card.svelte
@@ -1,42 +1,100 @@
 <script lang="ts">
 	import { stripMarkdown } from '$lib/markdown';
 
-	let { title, subtitle, content, actions, maxContentLength = 100 } = $props();
+	let {
+		title,
+		description,
+		timestamp,
+		actions = [],
+		maxContentLength = 100
+	} = $props<{
+		title: string;
+		description: string;
+		timestamp: Date;
+		actions?: Array<{
+			icon?: string;
+			label: string;
+			href?: string;
+			target?: string;
+			onClick?: () => void;
+		}>;
+		maxContentLength?: number;
+	}>();
 
 	let displayContent = $derived(
-		maxContentLength && content.length > maxContentLength
-			? stripMarkdown(content.slice(0, maxContentLength)) + '...'
-			: stripMarkdown(content)
+		maxContentLength && description.length > maxContentLength
+			? stripMarkdown(description.slice(0, maxContentLength)) + '...'
+			: stripMarkdown(description)
 	);
 </script>
 
-<div class="card">
+<div class="card mb-4">
 	<div class="card-content">
-		<p class="title is-4">{title}</p>
-		{#if subtitle}
-			<p class="subtitle is-6">{subtitle}</p>
-		{/if}
 		<div class="content">
-			{displayContent}
+			<h4 class="title is-4">{title}</h4>
+			<p>{displayContent}</p>
+			<time datetime={timestamp.toISOString()}>
+				{new Intl.DateTimeFormat('en-US', {
+					dateStyle: 'medium',
+					timeStyle: 'short'
+				}).format(timestamp)}
+			</time>
 		</div>
 	</div>
+
 	{#if actions.length > 0}
 		<footer class="card-footer">
 			{#each actions as action}
 				{#if action.href}
-					<a href={action.href} class="card-footer-item" class:has-text-danger={action.isDangerous}>
-						{action.label}
-					</a>
-				{:else}
-					<button
-						class="card-footer-item button is-ghost"
-						class:has-text-danger={action.isDangerous}
+					<a
+						href={action.href}
+						target={action.target}
+						class="card-footer-item"
 						onclick={action.onClick}
 					>
-						{action.label}
+						{#if action.icon}
+							<span class="icon">
+								<i class={action.icon}></i>
+							</span>
+						{/if}
+						<span>{action.label}</span>
+					</a>
+				{:else}
+					<button class="card-footer-item button is-ghost" onclick={action.onClick}>
+						{#if action.icon}
+							<span class="icon">
+								<i class={action.icon}></i>
+							</span>
+						{/if}
+						<span>{action.label}</span>
 					</button>
 				{/if}
 			{/each}
 		</footer>
 	{/if}
 </div>
+
+<style>
+	.card-footer-item {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		color: var(--text);
+		text-decoration: none;
+	}
+
+	.card-footer-item:hover {
+		background-color: var(--background-hover);
+	}
+
+	.button.is-ghost {
+		border: none;
+		background: none;
+		width: 100%;
+		justify-content: center;
+	}
+
+	.button.is-ghost:hover {
+		background-color: var(--background-hover);
+	}
+</style>
diff --git a/frontend/src/lib/components/CardList.svelte b/frontend/src/lib/components/CardList.svelte
index 3c4a5be..a10cabc 100644
--- a/frontend/src/lib/components/CardList.svelte
+++ b/frontend/src/lib/components/CardList.svelte
@@ -1,7 +1,32 @@
 <script lang="ts">
 	import Card from './Card.svelte';
+	import type { Note, Feed, ReadLaterItem } from '$lib/types';
 
-	let { items, renderCard, emptyMessage } = $props();
+	interface CardProps {
+		title: string;
+		description: string;
+		timestamp: Date;
+		actions?: Array<{
+			icon?: string;
+			label: string;
+			href?: string;
+			target?: string;
+			onClick?: () => void;
+		}>;
+	}
+
+	export let items: unknown[] = [];
+	export let renderCard: (item: Note | Feed | ReadLaterItem) => CardProps;
+	export let emptyMessage = 'No items found.';
+
+	$: validItems = items.filter(
+		(item): item is Note | Feed | ReadLaterItem =>
+			typeof item === 'object' &&
+			item !== null &&
+			'id' in item &&
+			'title' in item &&
+			'createdAt' in item
+	);
 </script>
 
 <div class="columns is-multiline">
@@ -10,7 +35,7 @@
 			<div class="notification is-info">{emptyMessage}</div>
 		</div>
 	{:else}
-		{#each items as item}
+		{#each validItems as item}
 			<div class="column is-one-third">
 				<Card {...renderCard(item)} />
 			</div>
diff --git a/frontend/src/lib/components/Navigation.svelte b/frontend/src/lib/components/Navigation.svelte
index 77f3478..83021a9 100644
--- a/frontend/src/lib/components/Navigation.svelte
+++ b/frontend/src/lib/components/Navigation.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { page } from '$app/stores';
 	import { onMount } from 'svelte';
 
 	const routes = [
@@ -8,7 +7,7 @@
 		{ path: '/readlist', label: 'Read Later', icon: '📚' }
 	];
 
-	let currentPath = $derived($page.url.pathname);
+	let { currentPath = '/' } = $props<{ currentPath?: string }>();
 	let isMobile = $state(false);
 
 	function checkMobile() {
diff --git a/frontend/src/lib/readlist.ts b/frontend/src/lib/readlist.ts
new file mode 100644
index 0000000..4bfd0da
--- /dev/null
+++ b/frontend/src/lib/readlist.ts
@@ -0,0 +1,90 @@
+import { writable } from 'svelte/store';
+import type { ReadLaterItem } from './types';
+
+function createReadLaterStore() {
+	const { subscribe, set, update } = writable<ReadLaterItem[]>([]);
+
+	return {
+		subscribe,
+		add: async (url: string) => {
+			const response = await fetch('/api/readlist', {
+				method: 'POST',
+				headers: {
+					'Content-Type': 'application/json'
+				},
+				body: JSON.stringify({ url })
+			});
+
+			if (!response.ok) {
+				throw new Error('Failed to add URL');
+			}
+
+			const item = await response.json();
+			update((items) => [
+				{
+					...item,
+					createdAt: new Date(item.createdAt),
+					updatedAt: new Date(item.updatedAt),
+					savedAt: new Date(item.savedAt),
+					readAt: item.readAt ? new Date(item.readAt) : undefined
+				},
+				...items
+			]);
+			return item;
+		},
+		markRead: async (id: string) => {
+			const response = await fetch(`/api/readlist/${id}/read`, {
+				method: 'POST'
+			});
+
+			if (!response.ok) {
+				throw new Error('Failed to mark as read');
+			}
+
+			update((items) =>
+				items.map((item) =>
+					item.id === id ? { ...item, readAt: new Date(), updatedAt: new Date() } : item
+				)
+			);
+		},
+		delete: async (id: string) => {
+			const response = await fetch(`/api/readlist/${id}`, {
+				method: 'DELETE'
+			});
+
+			if (!response.ok) {
+				throw new Error('Failed to delete item');
+			}
+
+			update((items) => items.filter((item) => item.id !== id));
+		},
+		load: async () => {
+			try {
+				const response = await fetch('/api/readlist');
+				if (!response.ok) {
+					throw new Error('Failed to load read later items');
+				}
+
+				const items: ReadLaterItem[] = await response.json();
+				if (!Array.isArray(items)) {
+					set([]);
+					return;
+				}
+
+				set(
+					items.map((item) => ({
+						...item,
+						createdAt: new Date(item.createdAt),
+						updatedAt: new Date(item.updatedAt),
+						readAt: item.readAt ? new Date(item.readAt) : undefined
+					}))
+				);
+			} catch (error) {
+				console.error('Failed to load read later items:', error);
+				set([]);
+			}
+		}
+	};
+}
+
+export const readlist = createReadLaterStore();
diff --git a/frontend/src/lib/types.ts b/frontend/src/lib/types.ts
index d78ef27..4873222 100644
--- a/frontend/src/lib/types.ts
+++ b/frontend/src/lib/types.ts
@@ -19,11 +19,12 @@ export interface Feed {
 
 export interface ReadLaterItem {
 	id: string;
-	title: string;
 	url: string;
-	description?: string;
+	title: string;
+	content: string;
+	description: string;
 	createdAt: Date;
-	savedAt: Date;
+	updatedAt: Date;
 	readAt?: Date;
 }
 
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
new file mode 100644
index 0000000..5029477
--- /dev/null
+++ b/frontend/src/routes/+layout.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import Navigation from '$lib/components/Navigation.svelte';
+	import { page } from '$app/stores';
+
+	let currentPath = $derived($page.url.pathname);
+	let { children } = $props<{ children?: () => unknown }>();
+</script>
+
+<Navigation {currentPath} />
+
+<main class="mt-6">
+	{@render children?.()}
+</main>
+
+<style>
+	main {
+		padding-top: 3.25rem;
+	}
+</style>
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 3329039..eff4330 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,26 +1,48 @@
 <script lang="ts">
-	import { notes } from '$lib';
-	import type { Note } from '$lib/types';
-	import Navigation from '$lib/components/Navigation.svelte';
 	import CardList from '$lib/components/CardList.svelte';
+	import type { Note, Feed } from '$lib/types';
+	import { onMount } from 'svelte';
+	import Navigation from '$lib/components/Navigation.svelte';
 
-	function renderNoteCard(note: Note) {
+	let notes: Note[] = [];
+
+	onMount(async () => {
+		const response = await fetch('/api/notes');
+		notes = await response.json();
+	});
+
+	function renderCard(item: Note | Feed) {
+		if (!isNote(item)) {
+			throw new Error('Invalid item type');
+		}
 		return {
-			title: note.title,
-			subtitle: `Last updated: ${note.updatedAt.toLocaleDateString()}`,
-			content: note.content,
-			maxContentLength: 100,
+			title: item.title,
+			description: item.content,
+			timestamp: new Date(item.createdAt),
 			actions: [
-				{ label: 'View', href: `/notes/${note.id}` },
-				{ label: 'Edit', href: `/notes/${note.id}?edit=true` },
 				{
+					icon: 'trash',
 					label: 'Delete',
-					onClick: () => notes.delete(note.id),
-					isDangerous: true
+					onClick: async () => {
+						await fetch(`/api/notes/${item.id}`, { method: 'DELETE' });
+						notes = notes.filter((n) => n.id !== item.id);
+					}
 				}
 			]
 		};
 	}
+
+	function isNote(item: unknown): item is Note {
+		return (
+			typeof item === 'object' &&
+			item !== null &&
+			'id' in item &&
+			'title' in item &&
+			'content' in item &&
+			'createdAt' in item &&
+			'updatedAt' in item
+		);
+	}
 </script>
 
 <Navigation />
@@ -33,10 +55,6 @@
 			<a href="/notes/new" class="button is-primary"> New Note </a>
 		</div>
 
-		<CardList
-			items={$notes}
-			renderCard={renderNoteCard}
-			emptyMessage="No notes yet. Create your first note!"
-		/>
+		<CardList items={notes} {renderCard} emptyMessage="No notes found." />
 	</section>
 </div>
diff --git a/frontend/src/routes/feeds/+page.svelte b/frontend/src/routes/feeds/+page.svelte
index 85ab297..9459e12 100644
--- a/frontend/src/routes/feeds/+page.svelte
+++ b/frontend/src/routes/feeds/+page.svelte
@@ -1,43 +1,56 @@
 <script lang="ts">
-	import type { Feed } from '$lib/types';
-	import Navigation from '$lib/components/Navigation.svelte';
 	import CardList from '$lib/components/CardList.svelte';
+	import type { Note, Feed } from '$lib/types';
+	import { onMount } from 'svelte';
 
 	let feeds: Feed[] = [];
 
-	function renderFeedCard(feed: Feed) {
+	onMount(async () => {
+		const response = await fetch('/api/feeds');
+		feeds = await response.json();
+	});
+
+	function renderCard(item: Note | Feed) {
+		if (!isFeed(item)) {
+			throw new Error('Invalid item type');
+		}
 		return {
-			title: feed.title,
-			subtitle: feed.url,
-			content: feed.description || 'No description available',
-			maxContentLength: 150,
+			title: item.title,
+			description: item.url,
+			timestamp: new Date(item.createdAt),
 			actions: [
-				{ label: 'View', href: `/feeds/${feed.id}` },
-				{ label: 'Edit', href: `/feeds/${feed.id}/edit` },
 				{
+					icon: 'external-link',
+					label: 'Open',
+					href: item.url,
+					target: '_blank'
+				},
+				{
+					icon: 'trash',
 					label: 'Delete',
-					onClick: () => console.log('Delete feed:', feed.id),
-					isDangerous: true
+					onClick: async () => {
+						await fetch(`/api/feeds/${item.id}`, { method: 'DELETE' });
+						feeds = feeds.filter((f) => f.id !== item.id);
+					}
 				}
 			]
 		};
 	}
+
+	function isFeed(item: unknown): item is Feed {
+		return (
+			typeof item === 'object' &&
+			item !== null &&
+			'id' in item &&
+			'title' in item &&
+			'url' in item &&
+			'createdAt' in item &&
+			'updatedAt' in item
+		);
+	}
 </script>
 
-<Navigation />
-
 <div class="container">
-	<section class="section">
-		<h1 class="title">My Feeds</h1>
-
-		<div class="buttons">
-			<a href="/feeds/new" class="button is-primary"> Add Feed </a>
-		</div>
-
-		<CardList
-			items={feeds}
-			renderCard={renderFeedCard}
-			emptyMessage="No feeds yet. Add your first feed!"
-		/>
-	</section>
+	<h1 class="title">Feeds</h1>
+	<CardList items={feeds} {renderCard} emptyMessage="No feeds found." />
 </div>
diff --git a/frontend/src/routes/readlist/+page.svelte b/frontend/src/routes/readlist/+page.svelte
index 63b361b..32b1985 100644
--- a/frontend/src/routes/readlist/+page.svelte
+++ b/frontend/src/routes/readlist/+page.svelte
@@ -1,46 +1,97 @@
 <script lang="ts">
-	import type { ReadLaterItem } from '$lib/types';
-	import Navigation from '$lib/components/Navigation.svelte';
+	import { onMount } from 'svelte';
+	import { readlist } from '$lib/readlist';
 	import CardList from '$lib/components/CardList.svelte';
+	import type { ReadLaterItem } from '$lib/types';
 
-	let readLaterItems: ReadLaterItem[] = [];
+	let url = '';
+	let isLoading = false;
+	let error: string | null = null;
 
-	function renderReadLaterCard(item: ReadLaterItem) {
-		return {
-			title: item.title,
-			subtitle: item.url,
-			content: item.description || 'No description available',
-			maxContentLength: 150,
-			actions: [
-				{ label: 'Read', href: item.url },
-				{
-					label: 'Mark Read',
-					onClick: () => console.log('Mark as read:', item.id)
-				},
-				{
-					label: 'Delete',
-					onClick: () => console.log('Delete item:', item.id),
-					isDangerous: true
-				}
-			]
-		};
+	onMount(() => {
+		readlist.load();
+	});
+
+	async function handleSubmit() {
+		if (!url) return;
+
+		isLoading = true;
+		error = null;
+
+		try {
+			await readlist.add(url);
+			url = '';
+		} catch (e) {
+			error = e instanceof Error ? e.message : 'Failed to add URL';
+		} finally {
+			isLoading = false;
+		}
+	}
+
+	function handleDelete(item: ReadLaterItem) {
+		readlist.delete(item.id);
 	}
 </script>
 
-<Navigation />
-
 <div class="container">
-	<section class="section">
-		<h1 class="title">Read Later</h1>
+	<h1 class="title">Read Later</h1>
 
-		<div class="buttons">
-			<button class="button is-primary"> Add URL </button>
+	<form onsubmit={handleSubmit} class="mb-4">
+		<div class="field has-addons">
+			<div class="control is-expanded">
+				<input
+					class="input"
+					type="url"
+					placeholder="Enter a URL to save"
+					bind:value={url}
+					disabled={isLoading}
+				/>
+			</div>
+			<div class="control">
+				<button type="submit" class="button is-primary" disabled={isLoading || !url}>
+					{#if isLoading}
+						<span class="icon">
+							<i class="fas fa-spinner fa-spin"></i>
+						</span>
+					{:else}
+						Add Link
+					{/if}
+				</button>
+			</div>
 		</div>
+		{#if error}
+			<p class="help is-danger">{error}</p>
+		{/if}
+	</form>
 
-		<CardList
-			items={readLaterItems}
-			renderCard={renderReadLaterCard}
-			emptyMessage="No items in your read later list. Add something to read!"
-		/>
-	</section>
+	<CardList
+		items={$readlist}
+		renderCard={(item) => {
+			const readLaterItem = item as ReadLaterItem;
+			return {
+				title: readLaterItem.title,
+				description: readLaterItem.description,
+				timestamp: readLaterItem.createdAt,
+				actions: [
+					{
+						icon: 'fas fa-book-reader',
+						label: 'Read',
+						href: `/readlist/${readLaterItem.id}`
+					},
+					{
+						icon: 'fas fa-external-link-alt',
+						label: 'Original',
+						href: readLaterItem.url,
+						target: '_blank'
+					},
+					{
+						icon: 'fas fa-trash',
+						label: 'Delete',
+						onClick: () => handleDelete(readLaterItem)
+					}
+				]
+			};
+		}}
+		emptyMessage="No saved links yet."
+	/>
 </div>
diff --git a/frontend/src/routes/readlist/[id]/+page.svelte b/frontend/src/routes/readlist/[id]/+page.svelte
new file mode 100644
index 0000000..0a046ed
--- /dev/null
+++ b/frontend/src/routes/readlist/[id]/+page.svelte
@@ -0,0 +1,110 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { readlist } from '$lib/readlist';
+	import type { ReadLaterItem } from '$lib/types';
+
+	let { id } = $props<{ id: string }>();
+	let item: ReadLaterItem | null = $state(null);
+	let error: string | null = $state(null);
+
+	onMount(async () => {
+		try {
+			const response = await fetch(`/api/readlist/${id}`);
+			if (!response.ok) {
+				throw new Error('Failed to load item');
+			}
+
+			const data = await response.json();
+			const newItem = {
+				...data,
+				createdAt: new Date(data.createdAt),
+				updatedAt: new Date(data.updatedAt),
+				readAt: data.readAt ? new Date(data.readAt) : undefined
+			};
+
+			item = newItem;
+
+			if (!newItem.readAt) {
+				await readlist.markRead(id);
+			}
+		} catch (e) {
+			error = e instanceof Error ? e.message : 'Failed to load item';
+		}
+	});
+</script>
+
+<div class="container">
+	{#if error}
+		<div class="notification is-danger">
+			<p>{error}</p>
+			<a href="/readlist" class="button is-light mt-4">Back to Read Later</a>
+		</div>
+	{:else if item}
+		<nav class="breadcrumb mt-4" aria-label="breadcrumbs">
+			<ul>
+				<li><a href="/readlist">Read Later</a></li>
+				<li class="is-active">
+					<a href={`/readlist/${item.id}`} aria-current="page">{item.title}</a>
+				</li>
+			</ul>
+		</nav>
+
+		<article class="content">
+			<h1 class="title">{item.title}</h1>
+			<p class="subtitle">
+				<a href={item.url} target="_blank" rel="noopener noreferrer">
+					<span class="icon">
+						<i class="fas fa-external-link-alt"></i>
+					</span>
+					<span>Original Article</span>
+				</a>
+			</p>
+
+			<div class="box">
+				<!-- eslint-disable-next-line svelte/no-at-html-tags -->
+				{@html item.content}
+			</div>
+
+			<div class="level">
+				<div class="level-left">
+					<div class="level-item">
+						<p class="is-size-7">
+							Saved on {new Intl.DateTimeFormat('en-US', {
+								dateStyle: 'medium',
+								timeStyle: 'short'
+							}).format(item.createdAt)}
+						</p>
+					</div>
+				</div>
+				<div class="level-right">
+					<div class="level-item">
+						<button class="button is-danger" onclick={() => item && readlist.delete(item.id)}>
+							<span class="icon">
+								<i class="fas fa-trash"></i>
+							</span>
+							<span>Delete</span>
+						</button>
+					</div>
+				</div>
+			</div>
+		</article>
+	{:else}
+		<div class="has-text-centered py-6">
+			<span class="icon is-large">
+				<i class="fas fa-spinner fa-spin fa-2x"></i>
+			</span>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.content {
+		max-width: 800px;
+		margin: 0 auto;
+	}
+
+	.box {
+		margin-top: 2rem;
+		margin-bottom: 2rem;
+	}
+</style>
diff --git a/frontend/src/routes/readlist/[id]/+page.ts b/frontend/src/routes/readlist/[id]/+page.ts
new file mode 100644
index 0000000..f18f298
--- /dev/null
+++ b/frontend/src/routes/readlist/[id]/+page.ts
@@ -0,0 +1,11 @@
+import type { RouteParams } from './$types';
+
+interface PageParams extends RouteParams {
+	id: string;
+}
+
+export function load({ params }: { params: PageParams }) {
+	return {
+		id: params.id
+	};
+}
diff --git a/go.mod b/go.mod
index 0c07bdf..9b17a60 100644
--- a/go.mod
+++ b/go.mod
@@ -5,11 +5,14 @@ go 1.24
 require (
 	github.com/gin-gonic/gin v1.10.0
 	github.com/glebarez/sqlite v1.11.0
+	github.com/go-shiori/go-readability v0.0.0-20250217085726-9f5bf5ca7612
 	github.com/google/uuid v1.6.0
 	gorm.io/gorm v1.25.12
 )
 
 require (
+	github.com/andybalholm/cascadia v1.3.3 // indirect
+	github.com/araddon/dateparse v0.0.0-20210429162001-6b43995a97de // indirect
 	github.com/bytedance/sonic v1.11.6 // indirect
 	github.com/bytedance/sonic/loader v0.1.1 // indirect
 	github.com/cloudwego/base64x v0.1.4 // indirect
@@ -21,7 +24,9 @@ require (
 	github.com/go-playground/locales v0.14.1 // indirect
 	github.com/go-playground/universal-translator v0.18.1 // indirect
 	github.com/go-playground/validator/v10 v10.20.0 // indirect
+	github.com/go-shiori/dom v0.0.0-20230515143342-73569d674e1c // indirect
 	github.com/goccy/go-json v0.10.2 // indirect
+	github.com/gogs/chardet v0.0.0-20211120154057-b7413eaefb8f // indirect
 	github.com/jinzhu/inflection v1.0.0 // indirect
 	github.com/jinzhu/now v1.1.5 // indirect
 	github.com/json-iterator/go v1.1.12 // indirect
@@ -35,10 +40,10 @@ require (
 	github.com/twitchyliquid64/golang-asm v0.15.1 // indirect
 	github.com/ugorji/go/codec v1.2.12 // indirect
 	golang.org/x/arch v0.8.0 // indirect
-	golang.org/x/crypto v0.23.0 // indirect
-	golang.org/x/net v0.25.0 // indirect
-	golang.org/x/sys v0.20.0 // indirect
-	golang.org/x/text v0.15.0 // indirect
+	golang.org/x/crypto v0.33.0 // indirect
+	golang.org/x/net v0.35.0 // indirect
+	golang.org/x/sys v0.30.0 // indirect
+	golang.org/x/text v0.22.0 // indirect
 	google.golang.org/protobuf v1.34.1 // indirect
 	gopkg.in/yaml.v3 v3.0.1 // indirect
 	modernc.org/libc v1.22.5 // indirect
diff --git a/go.sum b/go.sum
index dd6638d..7a0cb5b 100644
--- a/go.sum
+++ b/go.sum
@@ -1,3 +1,7 @@
+github.com/andybalholm/cascadia v1.3.3 h1:AG2YHrzJIm4BZ19iwJ/DAua6Btl3IwJX+VI4kktS1LM=
+github.com/andybalholm/cascadia v1.3.3/go.mod h1:xNd9bqTn98Ln4DwST8/nG+H0yuB8Hmgu1YHNnWw0GeA=
+github.com/araddon/dateparse v0.0.0-20210429162001-6b43995a97de h1:FxWPpzIjnTlhPwqqXc4/vE0f7GvRjuAsbW+HOIe8KnA=
+github.com/araddon/dateparse v0.0.0-20210429162001-6b43995a97de/go.mod h1:DCaWoUhZrYW9p1lxo/cm8EmUOOzAPSEZNGF2DK1dJgw=
 github.com/bytedance/sonic v1.11.6 h1:oUp34TzMlL+OY1OUWxHqsdkgC/Zfc85zGqw9siXjrc0=
 github.com/bytedance/sonic v1.11.6/go.mod h1:LysEHSvpvDySVdC2f87zGWf6CIKJcAvqab1ZaiQtds4=
 github.com/bytedance/sonic/loader v0.1.1 h1:c+e5Pt1k/cy5wMveRDyk2X4B9hF4g7an8N3zCYjJFNM=
@@ -29,10 +33,16 @@ github.com/go-playground/universal-translator v0.18.1 h1:Bcnm0ZwsGyWbCzImXv+pAJn
 github.com/go-playground/universal-translator v0.18.1/go.mod h1:xekY+UJKNuX9WP91TpwSH2VMlDf28Uj24BCp08ZFTUY=
 github.com/go-playground/validator/v10 v10.20.0 h1:K9ISHbSaI0lyB2eWMPJo+kOS/FBExVwjEviJTixqxL8=
 github.com/go-playground/validator/v10 v10.20.0/go.mod h1:dbuPbCMFw/DrkbEynArYaCwl3amGuJotoKCe95atGMM=
+github.com/go-shiori/dom v0.0.0-20230515143342-73569d674e1c h1:wpkoddUomPfHiOziHZixGO5ZBS73cKqVzZipfrLmO1w=
+github.com/go-shiori/dom v0.0.0-20230515143342-73569d674e1c/go.mod h1:oVDCh3qjJMLVUSILBRwrm+Bc6RNXGZYtoh9xdvf1ffM=
+github.com/go-shiori/go-readability v0.0.0-20250217085726-9f5bf5ca7612 h1:BYLNYdZaepitbZreRIa9xeCQZocWmy/wj4cGIH0qyw0=
+github.com/go-shiori/go-readability v0.0.0-20250217085726-9f5bf5ca7612/go.mod h1:wgqthQa8SAYs0yyljVeCOQlZ027VW5CmLsbi9jWC08c=
 github.com/goccy/go-json v0.10.2 h1:CrxCmQqYDkv1z7lO7Wbh2HN93uovUHgrECaO5ZrCXAU=
 github.com/goccy/go-json v0.10.2/go.mod h1:6MelG93GURQebXPDq3khkgXZkazVtN9CRI+MGFi0w8I=
-github.com/google/go-cmp v0.5.5 h1:Khx7svrCpmxxtHBq5j2mp/xVjsi8hQMfNLvJFAlrGgU=
-github.com/google/go-cmp v0.5.5/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=
+github.com/gogs/chardet v0.0.0-20211120154057-b7413eaefb8f h1:3BSP1Tbs2djlpprl7wCLuiqMaUh5SJkkzI2gDs+FgLs=
+github.com/gogs/chardet v0.0.0-20211120154057-b7413eaefb8f/go.mod h1:Pcatq5tYkCW2Q6yrR2VRHlbHpZ/R4/7qyL1TCF7vl14=
+github.com/google/go-cmp v0.6.0 h1:ofyhxvXcZhMsU5ulbFiLKl/XBFqE1GSq7atu8tAmTRI=
+github.com/google/go-cmp v0.6.0/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
 github.com/google/gofuzz v1.0.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
 github.com/google/pprof v0.0.0-20221118152302-e6195bd50e26 h1:Xim43kblpZXfIBQsbuBVKCudVG457BR2GZFIz3uw3hQ=
 github.com/google/pprof v0.0.0-20221118152302-e6195bd50e26/go.mod h1:dDKJzRmX4S37WGHujM7tX//fmj1uioxKzKxz3lo4HJo=
@@ -52,6 +62,7 @@ github.com/leodido/go-urn v1.4.0 h1:WT9HwE9SGECu3lg4d/dIA+jxlljEa1/ffXKmRjqdmIQ=
 github.com/leodido/go-urn v1.4.0/go.mod h1:bvxc+MVxLKB4z00jd1z+Dvzr47oO32F/QSNjSBOlFxI=
 github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
 github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
+github.com/mattn/go-runewidth v0.0.10/go.mod h1:RAqKPSqVFrSLVXbA8x7dzmKdmGzieGRCM46jaSJTDAk=
 github.com/modern-go/concurrent v0.0.0-20180228061459-e0a39a4cb421/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
 github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd h1:TRLaZ9cD/w8PVh93nsPXa1VrQ6jlwL5oN8l14QlcNfg=
 github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
@@ -64,6 +75,10 @@ github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZN
 github.com/remyoudompheng/bigfft v0.0.0-20200410134404-eec4a21b6bb0/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=
 github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec h1:W09IVJc94icq4NjY3clb7Lk8O1qJ8BdBEF8z0ibU0rE=
 github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=
+github.com/rivo/uniseg v0.1.0/go.mod h1:J6wj4VEh+S6ZtnVlnTBMWIodfgj8LQOQFoIToxlJtxc=
+github.com/scylladb/termtables v0.0.0-20191203121021-c4c0b6d42ff4/go.mod h1:C1a7PQSMz9NShzorzCiG2fk9+xuCgLkPeCvMHYR2OWg=
+github.com/sergi/go-diff v1.1.0 h1:we8PVUC3FE2uYfodKH/nBHMSetSfHDR6scGdBi+erh0=
+github.com/sergi/go-diff v1.1.0/go.mod h1:STckp+ISIX8hZLjrqAeVduY0gWCT9IjLuqbuNXdaHfM=
 github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
 github.com/stretchr/objx v0.4.0/go.mod h1:YvHI0jy2hoMjB+UWwv71VJQ9isScKT/TqJzVSSt89Yw=
 github.com/stretchr/objx v0.5.0/go.mod h1:Yh+to48EsGEfYuaHDzXPcE3xhTkx73EhmCGUpEOglKo=
@@ -80,21 +95,82 @@ github.com/twitchyliquid64/golang-asm v0.15.1 h1:SU5vSMR7hnwNxj24w34ZyCi/FmDZTkS
 github.com/twitchyliquid64/golang-asm v0.15.1/go.mod h1:a1lVb/DtPvCB8fslRZhAngC2+aY1QWCk3Cedj/Gdt08=
 github.com/ugorji/go/codec v1.2.12 h1:9LC83zGrHhuUA9l16C9AHXAqEV/2wBQ4nkvumAE65EE=
 github.com/ugorji/go/codec v1.2.12/go.mod h1:UNopzCgEMSXjBc6AOMqYvWC1ktqTAfzJZUZgYf6w6lg=
+github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY=
 golang.org/x/arch v0.0.0-20210923205945-b76863e36670/go.mod h1:5om86z9Hs0C8fWVUuoMHwpExlXzs5Tkyp9hOrfG7pp8=
 golang.org/x/arch v0.8.0 h1:3wRIsP3pM4yUptoR96otTUOXI367OS0+c9eeRi9doIc=
 golang.org/x/arch v0.8.0/go.mod h1:FEVrYAQjsQXMVJ1nsMoVVXPZg6p2JE2mx8psSWTDQys=
-golang.org/x/crypto v0.23.0 h1:dIJU/v2J8Mdglj/8rJ6UUOM3Zc9zLZxVZwwxMooUSAI=
+golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
+golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
+golang.org/x/crypto v0.13.0/go.mod h1:y6Z2r+Rw4iayiXXAIxJIDAJ1zMW4yaTpebo8fPOliYc=
+golang.org/x/crypto v0.19.0/go.mod h1:Iy9bg/ha4yyC70EfRS8jz+B6ybOBKMaSxLj6P6oBDfU=
 golang.org/x/crypto v0.23.0/go.mod h1:CKFgDieR+mRhux2Lsu27y0fO304Db0wZe70UKqHu0v8=
-golang.org/x/net v0.25.0 h1:d/OCCoBEUq33pjydKrGQhw7IlUPI2Oylr+8qLx49kac=
+golang.org/x/crypto v0.31.0/go.mod h1:kDsLvtWBEx7MV9tJOj9bnXsPbxwJQ6csT/x4KIN4Ssk=
+golang.org/x/crypto v0.33.0 h1:IOBPskki6Lysi0lo9qQvbxiQ+FvsCC/YWOecCHAixus=
+golang.org/x/crypto v0.33.0/go.mod h1:bVdXmD7IV/4GdElGPozy6U7lWdRXA4qyRVGJV57uQ5M=
+golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91VN4djpZkiMVwK6gcyfeH4XE8wZrZaV4=
+golang.org/x/mod v0.8.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
+golang.org/x/mod v0.12.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
+golang.org/x/mod v0.15.0/go.mod h1:hTbmBsO62+eylJbnUtE2MGJUyE7QWk4xUqPFrRgJ+7c=
+golang.org/x/mod v0.17.0/go.mod h1:hTbmBsO62+eylJbnUtE2MGJUyE7QWk4xUqPFrRgJ+7c=
+golang.org/x/net v0.0.0-20190620200207-3b0461eec859/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
+golang.org/x/net v0.0.0-20210226172049-e18ecbb05110/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg=
+golang.org/x/net v0.0.0-20220722155237-a158d28d115b/go.mod h1:XRhObCWvk6IyKnWLug+ECip1KBveYUHfp+8e9klMJ9c=
+golang.org/x/net v0.6.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs=
+golang.org/x/net v0.10.0/go.mod h1:0qNGK6F8kojg2nk9dLZ2mShWaEBan6FAoqfSigmmuDg=
+golang.org/x/net v0.15.0/go.mod h1:idbUs1IY1+zTqbi8yxTbhexhEEk5ur9LInksu6HrEpk=
+golang.org/x/net v0.21.0/go.mod h1:bIjVDfnllIU7BJ2DNgfnXvpSvtn8VRwhlsaeUTyUS44=
 golang.org/x/net v0.25.0/go.mod h1:JkAGAh7GEvH74S6FOH42FLoXpXbE/aqXSrIQjXgsiwM=
+golang.org/x/net v0.33.0/go.mod h1:HXLR5J+9DxmrqMwG9qjGCxZ+zKXxBru04zlTvWlWuN4=
+golang.org/x/net v0.35.0 h1:T5GQRQb2y08kTAByq9L4/bz8cipCdA8FbRTXewonqY8=
+golang.org/x/net v0.35.0/go.mod h1:EglIi67kWsHKlRzzVMUD93VMSWGFOMSZgxFjparz1Qk=
+golang.org/x/sync v0.0.0-20190423024810-112230192c58/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.0.0-20220722155255-886fb9371eb4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.1.0/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.3.0/go.mod h1:FU7BRWz2tNW+3quACPkgCx/L+uEAv1htQ0V83Z9Rj+Y=
+golang.org/x/sync v0.6.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
+golang.org/x/sync v0.7.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
+golang.org/x/sync v0.10.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
+golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
+golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220722155257-8c9f86f7a55f/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.20.0 h1:Od9JTbYCk261bKm4M/mw7AklTlFYIa0bIp9BgSm1S8Y=
+golang.org/x/sys v0.8.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.12.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.17.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/sys v0.20.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
-golang.org/x/text v0.15.0 h1:h1V/4gjBv8v9cjcR6+AR5+/cIYK5N/WAgiv4xlsEtAk=
+golang.org/x/sys v0.28.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/sys v0.30.0 h1:QjkSwP/36a20jFYWkSue1YwXzLmsV5Gfq7Eiy72C1uc=
+golang.org/x/sys v0.30.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/telemetry v0.0.0-20240228155512-f48c80bd79b2/go.mod h1:TeRTkGYfJXctD9OcfyVLyj2J3IxLnKwHJR8f4D8a3YE=
+golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
+golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
+golang.org/x/term v0.5.0/go.mod h1:jMB1sMXY+tzblOD4FWmEbocvup2/aLOaQEp7JmGp78k=
+golang.org/x/term v0.8.0/go.mod h1:xPskH00ivmX89bAKVGSKKtLOWNx2+17Eiy94tnKShWo=
+golang.org/x/term v0.12.0/go.mod h1:owVbMEjm3cBLCHdkQu9b1opXd4ETQWc3BhuQGKgXgvU=
+golang.org/x/term v0.17.0/go.mod h1:lLRBjIVuehSbZlaOtGMbcMncT+aqLLLmKrsjNrUguwk=
+golang.org/x/term v0.20.0/go.mod h1:8UkIAJTvZgivsXaD6/pH6U9ecQzZ45awqEOzuCvwpFY=
+golang.org/x/term v0.27.0/go.mod h1:iMsnZpn0cago0GOrHO2+Y7u7JPn5AylBrcoWkElMTSM=
+golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
+golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
+golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
+golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
+golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
+golang.org/x/text v0.13.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE=
+golang.org/x/text v0.14.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU=
 golang.org/x/text v0.15.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU=
-golang.org/x/xerrors v0.0.0-20200804184101-5ec99f83aff1 h1:go1bK/D/BFZV2I8cIQd1NKEZ+0owSTG1fDTci4IqFcE=
-golang.org/x/xerrors v0.0.0-20200804184101-5ec99f83aff1/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
+golang.org/x/text v0.21.0/go.mod h1:4IBbMaMmOPCJ8SecivzSH54+73PCFmPWxNTLm+vZkEQ=
+golang.org/x/text v0.22.0 h1:bofq7m3/HAFvbF51jz3Q9wLg3jkvSPuiZu/pD1XwgtM=
+golang.org/x/text v0.22.0/go.mod h1:YRoo4H8PVmsu+E3Ou7cqLVH8oXWIHVoX0jqUWALQhfY=
+golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
+golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
+golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc=
+golang.org/x/tools v0.6.0/go.mod h1:Xwgl3UAJ/d3gWutnCtw505GrjyAbvKui8lOU390QaIU=
+golang.org/x/tools v0.13.0/go.mod h1:HvlwmtVNQAhOuCjW7xxvovg8wbNq7LwfXh/k7wXUl58=
+golang.org/x/tools v0.21.1-0.20240508182429-e35e4ccd0d2d/go.mod h1:aiJjzUbINMkxbQROHiO6hDPo2LHcIPhhQsa9DLh0yGk=
+golang.org/x/xerrors v0.0.0-20190717185122-a985d3407aa7/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 google.golang.org/protobuf v1.34.1 h1:9ddQBjfCyZPOHPUiPxpYESBLc+T8P3E+Vo4IbKZgFWg=
 google.golang.org/protobuf v1.34.1/go.mod h1:c6P6GXX6sHbq/GpV6MGZEdwhWPcYBgnhAHhKbcUYpos=
 gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405 h1:yhCVgyC4o1eVCa2tZl7eS0r+SDo693bJlVdllGtEeKM=
diff --git a/main.go b/main.go
index 66edb4d..44311f4 100644
--- a/main.go
+++ b/main.go
@@ -14,6 +14,7 @@ import (
 	"gorm.io/gorm"
 
 	"qn/notes"
+	"qn/readlist"
 )
 
 func serveStaticFile(c *gin.Context, prefix string) error {
@@ -79,7 +80,7 @@ func main() {
 	}
 
 	// Auto migrate the schema
-	if err := db.AutoMigrate(&notes.Note{}, &notes.NoteLink{}); err != nil {
+	if err := db.AutoMigrate(&notes.Note{}, &notes.NoteLink{}, &readlist.ReadLaterItem{}); err != nil {
 		log.Fatal(err)
 	}
 
@@ -87,6 +88,9 @@ func main() {
 	noteService := notes.NewService(db)
 	noteHandler := notes.NewHandler(noteService)
 
+	readlistService := readlist.NewService(db)
+	readlistHandler := readlist.NewHandler(readlistService)
+
 	// Create Gin router
 	r := gin.Default()
 
@@ -99,7 +103,7 @@ func main() {
 	api := r.Group("/api")
 	{
 		noteHandler.RegisterRoutes(api)
-		// TODO: Add feeds and links routes when implemented
+		readlistHandler.RegisterRoutes(api)
 	}
 
 	// Serve frontend
diff --git a/readlist/model.go b/readlist/model.go
new file mode 100644
index 0000000..94b6aca
--- /dev/null
+++ b/readlist/model.go
@@ -0,0 +1,33 @@
+package readlist
+
+import (
+	"fmt"
+	"time"
+
+	"github.com/go-shiori/go-readability"
+)
+
+// ReadLaterItem represents a saved link with its reader mode content
+type ReadLaterItem struct {
+	ID          string    `json:"id" gorm:"primaryKey"`
+	URL         string    `json:"url" gorm:"not null"`
+	Title       string    `json:"title" gorm:"not null"`
+	Content     string    `json:"content" gorm:"type:text"`
+	Description string    `json:"description"`
+	CreatedAt   time.Time `json:"createdAt"`
+	UpdatedAt   time.Time `json:"updatedAt"`
+	ReadAt      *time.Time `json:"readAt"`
+}
+
+// ParseURL fetches the URL and extracts readable content
+func (r *ReadLaterItem) ParseURL() error {
+	article, err := readability.FromURL(r.URL, 30*time.Second)
+	if err != nil {
+		return fmt.Errorf("failed to parse URL: %w", err)
+	}
+
+	r.Title = article.Title
+	r.Content = article.Content
+	r.Description = article.Excerpt
+	return nil
+} 
\ No newline at end of file
diff --git a/readlist/routes.go b/readlist/routes.go
new file mode 100644
index 0000000..c1402c5
--- /dev/null
+++ b/readlist/routes.go
@@ -0,0 +1,103 @@
+package readlist
+
+import (
+	"net/http"
+
+	"github.com/gin-gonic/gin"
+)
+
+// Handler handles HTTP requests for read later items
+type Handler struct {
+	service *Service
+}
+
+// NewHandler creates a new read later handler
+func NewHandler(service *Service) *Handler {
+	return &Handler{service: service}
+}
+
+// RegisterRoutes registers the read later routes with the given router group
+func (h *Handler) RegisterRoutes(group *gin.RouterGroup) {
+	readlist := group.Group("/readlist")
+	{
+		readlist.GET("", h.handleList)
+		readlist.POST("", h.handleCreate)
+		readlist.GET("/:id", h.handleGet)
+		readlist.POST("/:id/read", h.handleMarkRead)
+		readlist.DELETE("/:id", h.handleDelete)
+	}
+
+	// Test endpoint
+	group.POST("/test/readlist/reset", h.handleReset)
+}
+
+func (h *Handler) handleList(c *gin.Context) {
+	items, err := h.service.List()
+	if err != nil {
+		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
+		return
+	}
+
+	c.JSON(http.StatusOK, items)
+}
+
+func (h *Handler) handleCreate(c *gin.Context) {
+	var req struct {
+		URL string `json:"url" binding:"required"`
+	}
+	if err := c.ShouldBindJSON(&req); err != nil {
+		c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
+		return
+	}
+
+	item, err := h.service.Create(req.URL)
+	if err != nil {
+		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
+		return
+	}
+
+	c.JSON(http.StatusOK, item)
+}
+
+func (h *Handler) handleGet(c *gin.Context) {
+	id := c.Param("id")
+	item, err := h.service.Get(id)
+	if err != nil {
+		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
+		return
+	}
+	if item == nil {
+		c.Status(http.StatusNotFound)
+		return
+	}
+
+	c.JSON(http.StatusOK, item)
+}
+
+func (h *Handler) handleMarkRead(c *gin.Context) {
+	id := c.Param("id")
+	if err := h.service.MarkRead(id); err != nil {
+		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
+		return
+	}
+
+	c.Status(http.StatusOK)
+}
+
+func (h *Handler) handleDelete(c *gin.Context) {
+	id := c.Param("id")
+	if err := h.service.Delete(id); err != nil {
+		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
+		return
+	}
+
+	c.Status(http.StatusOK)
+}
+
+func (h *Handler) handleReset(c *gin.Context) {
+	if err := h.service.Reset(); err != nil {
+		c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
+		return
+	}
+	c.Status(http.StatusOK)
+} 
\ No newline at end of file
diff --git a/readlist/service.go b/readlist/service.go
new file mode 100644
index 0000000..83cbc95
--- /dev/null
+++ b/readlist/service.go
@@ -0,0 +1,91 @@
+package readlist
+
+import (
+	"fmt"
+	"time"
+
+	"github.com/google/uuid"
+	"gorm.io/gorm"
+)
+
+// Service handles read later operations
+type Service struct {
+	db *gorm.DB
+}
+
+// NewService creates a new read later service
+func NewService(db *gorm.DB) *Service {
+	return &Service{db: db}
+}
+
+// Create adds a new URL to read later
+func (s *Service) Create(url string) (*ReadLaterItem, error) {
+	item := &ReadLaterItem{
+		ID:        uuid.New().String(),
+		URL:       url,
+		CreatedAt: time.Now(),
+		UpdatedAt: time.Now(),
+	}
+
+	// Parse URL and extract content
+	if err := item.ParseURL(); err != nil {
+		return nil, fmt.Errorf("failed to parse URL: %w", err)
+	}
+
+	if err := s.db.Create(item).Error; err != nil {
+		return nil, fmt.Errorf("failed to create read later item: %w", err)
+	}
+
+	return item, nil
+}
+
+// Get retrieves a read later item by ID
+func (s *Service) Get(id string) (*ReadLaterItem, error) {
+	var item ReadLaterItem
+	if err := s.db.First(&item, "id = ?", id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			return nil, nil
+		}
+		return nil, fmt.Errorf("failed to get read later item: %w", err)
+	}
+	return &item, nil
+}
+
+// List retrieves all read later items
+func (s *Service) List() ([]ReadLaterItem, error) {
+	var items []ReadLaterItem
+	if err := s.db.Order("created_at desc").Find(&items).Error; err != nil {
+		return nil, fmt.Errorf("failed to list read later items: %w", err)
+	}
+	return items, nil
+}
+
+// MarkRead marks an item as read
+func (s *Service) MarkRead(id string) error {
+	now := time.Now()
+	if err := s.db.Model(&ReadLaterItem{}).
+		Where("id = ?", id).
+		Updates(map[string]interface{}{
+			"read_at":    &now,
+			"updated_at": now,
+		}).Error; err != nil {
+		return fmt.Errorf("failed to mark item as read: %w", err)
+	}
+	return nil
+}
+
+// Delete removes a read later item
+func (s *Service) Delete(id string) error {
+	if err := s.db.Delete(&ReadLaterItem{}, "id = ?", id).Error; err != nil {
+		return fmt.Errorf("failed to delete read later item: %w", err)
+	}
+	return nil
+}
+
+// Reset deletes all read later items (for testing)
+func (s *Service) Reset() error {
+	if err := s.db.Session(&gorm.Session{AllowGlobalUpdate: true}).Delete(&ReadLaterItem{}).Error; err != nil {
+		return fmt.Errorf("failed to reset read later items: %w", err)
+	}
+	return nil
+} 
\ No newline at end of file