add backend

.eslintrc.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

api/main.ts

@@ -0,0 +1,32 @@
+import { Application, Router } from "@oak/oak";
+import { oakCors } from "@tajpouria/cors";
+import data from "./data.json" with { type: "json" };
+
+const router = new Router();
+
+router.get("/", (context) => {
+    context.response.body = "Welcome to dinosaur API!";
+})
+
+router.get("/dinosaurs", (context) => {
+    context.response.body = data;
+})
+
+router.get("/dinosaurs/:dinosaur", (context) => {
+    if (!context?.params?.dinosaur) {
+        context.response.body = "No dinosaur name provided.";
+    }
+
+    const dinosaur = data.find((item) =>
+        item.name.toLowerCase() === context.params.dinosaur.toLowerCase()
+    );
+
+    context.response.body = dinosaur ? dinosaur : "No dinosaur found.";
+});
+
+const app = new Application();
+app.use(oakCors());
+app.use(router.routes());
+app.use(router.allowedMethods());
+
+await app.listen({ port: 8000 });