Replace art institute of chicago api with the met api

backend/src/importMetArtworks.ts

@@ -0,0 +1,84 @@
+import { MongoClient } from "mongodb";
+
+const mongoUri = process.env.MONGODB_URI;
+
+if (!mongoUri) {
+  throw new Error("MONGODB_URI mangler");
+}
+
+const client = new MongoClient(mongoUri);
+
+type MetArtwork = {
+  objectID: number;
+  title: string;
+  artistDisplayName: string;
+  objectDate: string;
+  primaryImageSmall: string;
+  isPublicDomain: boolean;
+};
+
+async function importArtworks() {
+  try {
+    await client.connect();
+
+    const database = client.db("artex");
+    const collection = database.collection("met_artworks");
+
+    const searchResponse = await fetch(
+      "https://collectionapi.metmuseum.org/public/collection/v1.1/search?hasImages=true&q=painting&limit=100",
+    );
+
+    if (!searchResponse.ok) {
+      throw new Error(`Search failed: ${searchResponse.status}`);
+    }
+
+    const searchData = (await searchResponse.json()) as {
+      objectIDs: number[] | null;
+    };
+
+    if (!searchData.objectIDs) {
+      throw new Error("Ingen kunstverk funnet");
+    }
+
+    let imported = 0;
+
+    for (const id of searchData.objectIDs) {
+      if (imported >= 20) break;
+
+      const response = await fetch(
+        `https://collectionapi.metmuseum.org/public/collection/v1/objects/${id}`,
+      );
+
+      if (!response.ok) continue;
+
+      const artwork = (await response.json()) as MetArtwork;
+
+      if (!artwork.isPublicDomain || !artwork.primaryImageSmall) {
+        continue;
+      }
+
+      await collection.updateOne(
+        { id: artwork.objectID },
+        {
+          $set: {
+            id: artwork.objectID,
+            title: artwork.title,
+            artist_display: artwork.artistDisplayName,
+            date_display: artwork.objectDate,
+            image_url: artwork.primaryImageSmall,
+          },
+        },
+        { upsert: true },
+      );
+
+      imported++;
+      console.log(`Imported ${imported}/20: ${artwork.title}`);
+    }
+
+    console.log(`Completed! Imported ${imported} artworks.`);
+  } finally {
+    await client.close();
+  }
+}
+
+importArtworks().catch(console.error);

backend/src/index.ts

@@ -2,23 +2,36 @@ import { ApolloServer } from "@apollo/server";
 import { startStandaloneServer } from "@apollo/server/standalone";
 import { connectToDatabase } from "./db.js";
 
+// Connect to MongoDB
+const db = await connectToDatabase();
+
 // Define the GraphQL schema
 const typeDefs = `#graphql
+  type Artwork {
+    id: Int!
+    title: String!
+    artist_display: String
+    date_display: String
+    image_url: String
+  }
+
   type Query {
     hello: String!
+    artworks: [Artwork!]!
   }
 `;
 
 // Define how queries are resolved
 const resolvers = {
   Query: {
     hello: () => "Hello from Artex backend!",
+
+    artworks: async () => {
+      return await db.collection("met_artworks").find({}).toArray();
+    },
   },
 };
 
-// Connect to MongoDB before starting the server
-await connectToDatabase();
-
 // Create the Apollo Server
 const server = new ApolloServer({
   typeDefs,

frontend/package.json

@@ -10,7 +10,10 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@apollo/client": "^4.3.3",
     "@tailwindcss/vite": "^4.3.3",
+    "graphql": "^16.14.2",
+    "rxjs": "^7.8.2",
     "lucide-react": "^1.57.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",

frontend/src/App.tsx

@@ -1,10 +1,11 @@
+
 import { Routes, Route } from "react-router-dom";
 import './index.css'
 import HomePage from './pages/HomePage'
 import Login from "./pages/login";
+import Artworks from "./pages/Artworks";
 
 function App() {
-
   return (
     <Routes>
       <Route path="/" element={<HomePage />} />
@@ -13,4 +14,4 @@ function App() {
   );
 }
 
-export default App
+export default App;