Ruby fixes

.env.example

@@ -9,4 +9,7 @@ VITE_DATABASE_HOST=localhost
 VITE_DATABASE_USERNAME=
 VITE_DATABASE_PASSWORD=
 VITE_DATABASE_PORT=
-VITE_DATABASE_NAME=dipp
+VITE_DATABASE_NAME=dipp
+VITE_DB_URL=
+POSTGRES_URL=
+

.vscode/extensions.json

@@ -1,5 +1,3 @@
 {
-  "recommendations": [
-    "tabnine.tabnine-vscode"
-  ]
+  "recommendations": ["tabnine.tabnine-vscode"]
 }

README.md

@@ -1,38 +1,102 @@
-# create-svelte
+# DIPP
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+A SvelteKit application with TypeScript support.
 
-## Creating a project
+## Prerequisites
 
-If you're seeing this, you've probably already done this step. Congrats!
+- Node.js (v18 or higher recommended)
+- pnpm (v8 or higher)
 
-```bash
-# create a new project in the current directory
-npm create svelte@latest
+## Setup Instructions
 
-# create a new project in dipp
-npm create svelte@latest dipp
-```
+1. Install pnpm if you haven't already:
+   ```bash
+   npm install -g pnpm
+   ```
 
-## Developing
+2. Install dependencies:
+   ```bash
+   pnpm install
+   ```
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+3. Start the development server:
+   ```bash
+   pnpm dev
+   ```
 
-```bash
-npm run dev
+4. Build for production:
+   ```bash
+   pnpm build
+   ```
 
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
+5. Preview production build:
+   ```bash
+   pnpm preview
+   ```
+
+## Development
+
+- The application uses SvelteKit as the framework
+- TypeScript for type safety
+- Local database configuration in `src/lib/server/db.local.ts`
+- Dashboard routes available at `/dashboard`
+
+## Scripts
+
+- `pnpm dev` - Start development server
+- `pnpm build` - Create production build
+- `pnpm preview` - Preview production build
+- `pnpm check` - Run svelte-check
+- `pnpm lint` - Run linter
+- `pnpm format` - Format code with Prettier
 
-## Building
+## Environment Variables
 
-To create a production version of your app:
+Create a `.env` file in the root directory with the following variables:
 
 ```bash
-npm run build
+# Firebase Configuration
+VITE_API_KEY=your_firebase_api_key
+VITE_AUTH_DOMAIN=your_firebase_auth_domain
+VITE_PROJECT_ID=your_firebase_project_id
+VITE_STORAGE_BUCKET=your_firebase_storage_bucket
+VITE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
+VITE_APP_ID=your_firebase_app_id
+
+# Database Configuration
+VITE_DATABASE_HOST=localhost
+VITE_DATABASE_USERNAME=your_database_username
+VITE_DATABASE_PASSWORD=your_database_password
+VITE_DATABASE_PORT=5432
+
+# Constructed Database URL (used internally)
+VITE_DB_URL=postgres://${VITE_DATABASE_USERNAME}:${VITE_DATABASE_PASSWORD}@${VITE_DATABASE_HOST}:${VITE_DATABASE_PORT}/your_database_name
 ```
 
-You can preview the production build with `npm run preview`.
+### How to Get the Variables
+
+1. **Firebase Configuration**:
+   - Go to your Firebase Console (https://console.firebase.google.com/)
+   - Select your project (or create a new one)
+   - Go to Project Settings > General
+   - Scroll down to "Your apps" and create or select a web app
+   - The configuration variables will be shown in the Firebase SDK snippet
+
+2. **Database Configuration**:
+   - If using a local PostgreSQL database:
+     - Set `VITE_DATABASE_HOST` to `localhost`
+     - Use your local PostgreSQL username, password, and port
+   - If using a hosted PostgreSQL service (like Supabase, Neon, etc.):
+     - Get the connection details from your database provider's dashboard
+     - Fill in the host, username, password, and port accordingly
 
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+Remember to never commit the `.env` file to version control. A `.env.example` file is provided as a template.
+
+## Project Structure
+
+```
+src/
+├── lib/
+│   └── server/      # Server-side code including database
+└── routes/          # SvelteKit routes
+    └── dashboard/   # Dashboard related components

drizzle.config.ts

@@ -2,10 +2,10 @@ import "dotenv/config";
 import { defineConfig } from "drizzle-kit";
 
 export default defineConfig({
-	out: "./drizzle",
-	schema: "./src/lib/server/schema.ts",
-	dialect: "postgresql",
-	dbCredentials: {
-		url: process.env.VITE_DB_URL!,
-	},
+  out: "./drizzle",
+  schema: "./src/lib/server/schema.ts",
+  dialect: "postgresql",
+  dbCredentials: {
+    url: process.env.VITE_DB_URL!,
+  },
 });