+ {children}
+
+ )
+}
diff --git a/src/components/HStack.tsx b/src/components/HStack.tsx
new file mode 100644
index 0000000..08e25c6
--- /dev/null
+++ b/src/components/HStack.tsx
@@ -0,0 +1,13 @@
+import { ReactNode } from "react"
+
+type Props = {
+ children: ReactNode
+}
+
+export function HStack({ children }: Props) {
+ return (
+
+ {children}
+
+ )
+}
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..a905694
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+#root {
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+}
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..25bceaa
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { RouterProvider, createRouter } from '@tanstack/react-router'
+import './index.css'
+
+// Import the generated route tree
+import { routeTree } from './routeTree.gen'
+
+// Set up a Router instance
+const router = createRouter({
+ routeTree,
+ defaultPreload: 'intent',
+})
+
+// Register the router instance for type safety
+declare module '@tanstack/react-router' {
+ interface Register {
+ router: typeof router
+ }
+}
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+
+
+
+ NCU App
+
+
+ Events
+
+ +
Event {eventId}
+}
diff --git a/src/routes/events/create.tsx b/src/routes/events/create.tsx
new file mode 100644
index 0000000..88df9d9
--- /dev/null
+++ b/src/routes/events/create.tsx
@@ -0,0 +1,122 @@
+import { createFileRoute, Link } from '@tanstack/react-router';
+import { ChangeEvent, useEffect, useState } from 'react';
+
+export const Route = createFileRoute('/events/create')({
+ component: CreateEventScreen
+})
+
+
+const styles = {
+ container: {
+ flex: 1,
+ backgroundColor: '#333333',
+ },
+ text: {
+ fontSize: 17,
+ marginLeft: 15,
+ color: '#ffffff',
+ },
+ input: {
+ backgroundColor: '#E8E8E8',
+ alignSelf: 'center',
+ color: '#000000',
+ width: '93%',
+ },
+}
+
+function CreateEventScreen() {
+ const [selectedPhotos, setSelectedPhotos] = useState
+
+ );
+}
diff --git a/src/routes/events/index.tsx b/src/routes/events/index.tsx
new file mode 100644
index 0000000..2304481
--- /dev/null
+++ b/src/routes/events/index.tsx
@@ -0,0 +1,16 @@
+import { createFileRoute } from '@tanstack/react-router';
+
+const styles = {
+ container: {
+ flex: 1,
+ backgroundColor: '#333333',
+ },
+};
+
+export const Route = createFileRoute('/events/')({
+ component: () => (
+
+
+
+
+
+ 新增活動
+
+
+ 活動名稱
+ +
+
+ 開始時間
+ +
+
+ 結束時間
+ +活動地點
+ +參加費用
+ +活動介紹
+ +
+
+
+ {
+ selectedPhotos && (
+ 
+ )}
+
+
+
+
+
+
+ )
+})
diff --git a/src/utils/database.types.ts b/src/utils/database.types.ts
new file mode 100644
index 0000000..5dbcf28
--- /dev/null
+++ b/src/utils/database.types.ts
@@ -0,0 +1,170 @@
+export type Json =
+ | string
+ | number
+ | boolean
+ | null
+ | { [key: string]: Json | undefined }
+ | Json[]
+
+export type Database = {
+ public: {
+ Tables: {
+ events: {
+ Row: {
+ created_at: string
+ description: string | null
+ end_time: string | null
+ fee: number | null
+ id: number
+ name: string | null
+ start_time: string | null
+ }
+ Insert: {
+ created_at?: string
+ description?: string | null
+ end_time?: string | null
+ fee?: number | null
+ id?: number
+ name?: string | null
+ start_time?: string | null
+ }
+ Update: {
+ created_at?: string
+ description?: string | null
+ end_time?: string | null
+ fee?: number | null
+ id?: number
+ name?: string | null
+ start_time?: string | null
+ }
+ Relationships: []
+ }
+ sales: {
+ Row: {
+ created_at: string
+ id: number
+ price: number | null
+ product: string | null
+ user_id: string | null
+ }
+ Insert: {
+ created_at?: string
+ id?: number
+ price?: number | null
+ product?: string | null
+ user_id?: string | null
+ }
+ Update: {
+ created_at?: string
+ id?: number
+ price?: number | null
+ product?: string | null
+ user_id?: string | null
+ }
+ Relationships: [
+ {
+ foreignKeyName: "sales_user_id_fkey"
+ columns: ["user_id"]
+ isOneToOne: false
+ referencedRelation: "users"
+ referencedColumns: ["id"]
+ },
+ ]
+ }
+ }
+ Views: {
+ [_ in never]: never
+ }
+ Functions: {
+ [_ in never]: never
+ }
+ Enums: {
+ [_ in never]: never
+ }
+ CompositeTypes: {
+ [_ in never]: never
+ }
+ }
+}
+
+type PublicSchema = Database[Extract