diff --git a/src/webapp/features/notes/components/noteCard/NoteCard.stories.tsx b/src/webapp/features/notes/components/noteCard/NoteCard.stories.tsx
new file mode 100644
index 00000000..d51636b4
--- /dev/null
+++ b/src/webapp/features/notes/components/noteCard/NoteCard.stories.tsx
@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import NoteCard from './NoteCard';
+
+const meta = {
+  component: NoteCard,
+} satisfies Meta<typeof NoteCard>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    note: `This is the note's content`,
+  },
+};