diff --git a/__tests__/app/page.test.tsx b/__tests__/app/page.test.tsx
new file mode 100644
index 0000000..ae54dac
--- /dev/null
+++ b/__tests__/app/page.test.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import Home from '../app/page';
+
+describe('Home page', () => {
+  test('renders correctly', () => {
+    render(<Home />);
+    expect(screen.getByText('CodeStory')).toBeInTheDocument();
+  });
+});
\ No newline at end of file
diff --git a/__tests__/components/typewriter.test.tsx b/__tests__/components/typewriter.test.tsx
new file mode 100644
index 0000000..7a5228e
--- /dev/null
+++ b/__tests__/components/typewriter.test.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import Typewriter from '../components/typewriter';
+
+describe('Typewriter component', () => {
+  test('renders correctly with default props', () => {
+    render(<Typewriter />);
+    expect(screen.getByText('|')).toBeInTheDocument();
+  });
+
+  test('renders correctly with custom text', () => {
+    const customText = 'Hello, world!';
+    render(<Typewriter text={customText} />);
+    expect(screen.getByText(customText)).toBeInTheDocument();
+  });
+});
\ No newline at end of file
diff --git a/package.json b/package.json
index c6328ae..ed0ce28 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,9 @@
   },
   "devDependencies": {
     "eslint-config-prettier": "^8.8.0",
-    "prettier": "^2.8.8"
+    "prettier": "^2.8.8",
+    "jest": "^27.4.5",
+    "react-testing-library": "^12.1.2",
+    "@testing-library/jest-dom": "^5.16.1"
   }
 }