Initial project setup.

Using Vue 3 and TailwindCSS (with PostCSS configuration)

src/App.vue

@@ -0,0 +1,21 @@
+<template>
+  <div id="app">
+    <header class="bg-blue-600 text-white p-4">
+      <h1 class="text-2xl font-bold">TrackMap</h1>
+      <p class="text-blue-100">Analyze your cycling tracks</p>
+    </header>
+    
+    <main class="container mx-auto p-4">
+      <div class="text-center py-12">
+        <h2 class="text-xl mb-4">Welcome to TrackMap</h2>
+        <p class="text-gray-600">Upload your GPX files to get started analyzing your cycling tracks</p>
+      </div>
+    </main>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>

src/main.js

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import './style.css'
+
+createApp(App).mount('#app')

src/style.css

@@ -0,0 +1,18 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+@import 'leaflet/dist/leaflet.css';
+
+@layer base {
+  * {
+    box-sizing: border-box;
+  }
+
+  body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}