app structure

PROJECT.md

@@ -1,9 +1,9 @@
 ## Status
 ### Last Completed
-Worked on the (Feature List)[#feature-list]
+Started building out the app structure and putting in placeholders for unique rsvp token pages
 
 ### Next Up
-Start building the database structure or the app layout and structure
+Continue to build on app structure
 
 ## Feature List
 ### Must Haves
@@ -33,5 +33,7 @@ At the top level the guest book will contain "Households". Every guest will belo
 
 For guests that are given a +1, there will be a placeholder name added as a Guest `"Guest of [NAME]"`. And a flag will be added to that guest entry. When responding to the RSVP, there will be an option to fill in the +1's name.
 
+The `(app)` directory will be for all pages that need to have authentication. These will be the pages that the couple or planner will have access to. Publically facing pages will be in the `(public)` directory (things like the landing page and login page). This will also allow for a "wedding website" option that is publically accessible.
+
 
 ## Open Questions

src/routes/(app)/+layout.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import favicon from '#lib/assets/favicon.svg';
+	import type { LayoutProps } from './$types';
+	import AppSidebar from '#lib/components/app-sidebar.svelte';
+	import SiteHeader from '#lib/components/site-header.svelte';
+	import * as Sidebar from '#lib/components/ui/sidebar/index.ts';
+	
+	let { children }: LayoutProps = $props();
+</script>
+
+<svelte:head>
+	<link rel="icon" href={favicon} />
+</svelte:head>
+
+<Sidebar.Provider
+	style="--sidebar-width: calc(var(--spacing) * 72); --header-height: calc(var(--spacing) * 12);"
+>
+	<AppSidebar variant="inset" />
+	<Sidebar.Inset>
+		<SiteHeader />
+		<div class="flex flex-1 flex-col">
+			<div class="@container/main flex flex-1 flex-col gap-2">
+				<div class="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
+					{@render children()}
+				</div>
+			</div>
+		</div>
+	</Sidebar.Inset>
+</Sidebar.Provider>

src/routes/(app)/dashboard/+page.svelte

@@ -0,0 +1,12 @@
+<script>
+	import ChartAreaInteractive from "#lib/components/chart-area-interactive.svelte";
+	import DataTable from "#lib/components/data-table.svelte";
+	import SectionCards from "#lib/components/section-cards.svelte";
+	import data from "./data";
+
+</script>
+<SectionCards />
+    <div class="px-4 lg:px-6">
+        <ChartAreaInteractive />
+    </div>
+<DataTable {data} />

src/routes/(public)/+layout.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import '../layout.css';
+	import favicon from '#lib/assets/favicon.svg';
+	import type { LayoutProps } from './$types';
+
+	let { children }: LayoutProps = $props();
+</script>
+
+<svelte:head>
+	<link rel="icon" href={favicon} />
+</svelte:head>
+
+<div class="p-4">
+    {@render children()}
+</div>

src/routes/(public)/login/+page.svelte

@@ -0,0 +1 @@
+<h1>Login Page</h1>

src/routes/(public)/rsvp/[token]/+page.svelte

@@ -0,0 +1 @@
+<h1>RSVP with Unique Token</h1>

src/routes/+page.svelte

@@ -4,4 +4,4 @@
   import { Button } from "#lib/components/ui/button/index.js";
 </script>
  
-<Button href="/dashboard-01">Click me</Button>
+<Button href="/dashboard">Click me</Button>

src/routes/dashboard-01/+page.svelte

@@ -1,29 +0,0 @@
-<script lang="ts">
-	import * as Sidebar from "#lib/components/ui/sidebar/index.js";
-	import AppSidebar from "#lib/components/app-sidebar.svelte";
-	import ChartAreaInteractive from "#lib/components/chart-area-interactive.svelte";
-	import DataTable from "#lib/components/data-table.svelte";
-	import SectionCards from "#lib/components/section-cards.svelte";
-	import SiteHeader from "#lib/components/site-header.svelte";
-	import data from "./data.js";
-</script>
-
-<Sidebar.Provider
-	style="--sidebar-width: calc(var(--spacing) * 72); --header-height: calc(var(--spacing) * 12);"
->
-	<AppSidebar variant="inset" />
-	<Sidebar.Inset>
-		<SiteHeader />
-		<div class="flex flex-1 flex-col">
-			<div class="@container/main flex flex-1 flex-col gap-2">
-				<div class="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
-					<SectionCards />
-					<div class="px-4 lg:px-6">
-						<ChartAreaInteractive />
-					</div>
-					<DataTable {data} />
-				</div>
-			</div>
-		</div>
-	</Sidebar.Inset>
-</Sidebar.Provider>