A readme

README.md

@@ -0,0 +1,16 @@
+# CatanCrainer
+
+Welcome, feel free to check out this website on github pages
+
+To get it running locally you can run the following commands
+```
+npm install
+npm run dev
+```
+
+To get production ready files it should be built with `npm run build`
+
+This project is based on the `preact + TypeScript + Vite` template
+```
+npm create vite@latest CatanTrainer -- --template preact-ts
+```

src/app.tsx

@@ -10,9 +10,13 @@ export function App() {
 
   return (
     <>
+      Point A<br/>
       <Input variable={pointA} setVariable={setPointA}
         allowedValues={['0 0', '2 0', '4 0', '4 2', '2 4', '0 2']} />
+
+      Desert index<br/>
       <Input variable={desert} setVariable={setDesert} />
+
       <CatanBoard pointA={pointA} desert={desert} />
     </>
   )

src/components/catan.tsx

@@ -20,9 +20,9 @@ function CatanBoard({pointA, desert, boardSize = 5}: CatanProps) {
       Top buildable spots:
       {catan.buildSpots.map((row, num) => (
         <div key={`build_${num}`}>
-        {row.join(' - ')}
-        <br/>
-      </div>
+          {row.join(' - ')}
+          <br/>
+        </div>
       ))}
     </div>
   )