diff --git a/src/App.tsx b/src/App.tsx
index 9f25150..41de36d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,14 @@
-import './App.css'
+import { Card } from './components/Card'
+import * as rawChallenges from './challenges'
 
 export function App() {
-  return <div className="App">App</div>
+  const challenges = Object.values(rawChallenges)
+
+  return (
+    <div className="App">
+      {challenges.map((challenge) => (
+        <Card key={challenge.title} {...challenge} />
+      ))}
+    </div>
+  )
 }