Merge pull request #67 from joaoc-dev/feature/33-group-system

Feature/33 group system

Author: joaoc-dev

README.md

@@ -1,6 +1,6 @@
 NEXT_PUBLIC_SITE_URL="https://blueledger.development.joao-carvalho.com/"
+MONGODB_SEED_URI="mongodb://localhost:27030/blueledger_seed"
 MONGODB_URI="mongodb://localhost:27030/blueledger"
-
 SENTRY_AUTH_TOKEN=
 SENTRY_ORG=
 SENTRY_PROJECT=

blueledger-webapp/.env.example

@@ -1,13 +1,19 @@
-'use client';
-
+import type { Metadata } from 'next';
 import CategoryShareChart from '@/features/dashboard/charts/category-share-chart';
 import CumulativeSpendYTD from '@/features/dashboard/charts/cumulative-spend-ytd-chart';
 import DayOfWeekChart from '@/features/dashboard/charts/day-of-week-chart';
-import GroupSpendingChart from '@/features/dashboard/charts/group-spending-chart';
 import HourOfDayChart from '@/features/dashboard/charts/hour-of-day-chart';
 import SeasonalSpendingChart from '@/features/dashboard/charts/seasonal-spending-chart';
-import ToReceiveVsToPayChart from '@/features/dashboard/charts/to-receive-vs-to-pay-chart';
-import TopCounterpartiesChart from '@/features/dashboard/charts/top-counterparties-chart';
+import { pageSeoConfigs } from '@/lib/seo';
+
+export const metadata: Metadata = {
+  title: pageSeoConfigs.dashboard.title,
+  description: pageSeoConfigs.dashboard.description,
+  robots: {
+    index: false, // Dashboard should not be indexed
+    follow: false,
+  },
+};
 
 function DashboardPage() {
   return (
@@ -16,9 +22,6 @@ function DashboardPage() {
       <DayOfWeekChart />
       <HourOfDayChart />
       <CategoryShareChart />
-      <ToReceiveVsToPayChart />
-      <TopCounterpartiesChart />
-      <GroupSpendingChart />
       <SeasonalSpendingChart />
     </div>
   );

blueledger-webapp/app/(protected)/dashboard/page.tsx

@@ -1,4 +1,15 @@
+import type { Metadata } from 'next';
 import { ExpensesTable } from '@/features/expenses/components';
+import { pageSeoConfigs } from '@/lib/seo';
+
+export const metadata: Metadata = {
+  title: pageSeoConfigs.expenses.title,
+  description: pageSeoConfigs.expenses.description,
+  robots: {
+    index: false, // Protected pages should not be indexed
+    follow: false,
+  },
+};
 
 async function ExpensesPage() {
   return (

blueledger-webapp/app/(protected)/expenses/(list)/page.tsx

@@ -1,4 +1,15 @@
+import type { Metadata } from 'next';
 import { FriendshipsTable } from '@/features/friendship/components';
+import { pageSeoConfigs } from '@/lib/seo';
+
+export const metadata: Metadata = {
+  title: pageSeoConfigs.friends.title,
+  description: pageSeoConfigs.friends.description,
+  robots: {
+    index: false, // Protected pages should not be indexed
+    follow: false,
+  },
+};
 
 async function FriendsPage() {
   return (

blueledger-webapp/app/(protected)/friends/page.tsx

@@ -0,0 +1,7 @@
+import { GroupsTableSkeleton } from '@/features/groups/components';
+
+function LoadingGroupsPage() {
+  return <GroupsTableSkeleton />;
+}
+
+export default LoadingGroupsPage;

blueledger-webapp/app/(protected)/groups/loading.tsx

@@ -1,5 +1,22 @@
-function GroupsPage() {
-  return <div className="text-center">Groups</div>;
+import type { Metadata } from 'next';
+import { GroupsTable } from '@/features/groups/components';
+import { pageSeoConfigs } from '@/lib/seo';
+
+export const metadata: Metadata = {
+  title: pageSeoConfigs.groups.title,
+  description: pageSeoConfigs.groups.description,
+  robots: {
+    index: false, // Protected pages should not be indexed
+    follow: false,
+  },
+};
+
+async function GroupsPage() {
+  return (
+    <div>
+      <GroupsTable />
+    </div>
+  );
 }
 
 export default GroupsPage;

blueledger-webapp/app/(protected)/groups/page.tsx

@@ -1,3 +1,5 @@
+import type { Metadata } from 'next';
+import { pageSeoConfigs } from '@/lib/seo';
 import { LandingNav } from './landing-nav';
 import { Faq } from './sections/faq/faq';
 import { Features } from './sections/features/features';
@@ -6,6 +8,42 @@ import { Hero } from './sections/hero';
 import { Pricing } from './sections/pricing/pricing';
 import { Testimonials } from './sections/testimonials/testimonials';
 
+export const metadata: Metadata = {
+  title: pageSeoConfigs.home.title,
+  description: pageSeoConfigs.home.description,
+  keywords: [
+    'expense tracking app',
+    'bill splitting app',
+    'group expenses',
+    'financial management',
+    'budget app',
+    'receipt scanner',
+    'money management app',
+    'shared expenses',
+    'expense sharing',
+    'split bills',
+  ],
+  openGraph: {
+    title: pageSeoConfigs.home.title,
+    description: pageSeoConfigs.home.description,
+    type: 'website',
+    images: [
+      {
+        url: '/app_screenshot.png',
+        width: 1200,
+        height: 630,
+        alt: 'Blue Ledger - Smart Expense Management',
+      },
+    ],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: pageSeoConfigs.home.title,
+    description: pageSeoConfigs.home.description,
+    images: ['/app_screenshot.png'],
+  },
+};
+
 export default function Home() {
   return (
     <div className="dark bg-background text-foreground min-h-screen">