chore: increment default backend and database ports and improve setup script environment initialization

.env.e2e.example

@@ -3,7 +3,7 @@ DB_NAME=piku_test_db
 DB_USER=test
 DB_PASSWORD=password123
 DB_HOST=127.0.0.1
-DB_PORT=5433
+DB_PORT=5443
 
 # SSL
 SSL_ENABLED=true
@@ -12,7 +12,7 @@ SSL_ENABLED=true
 DEBUG=True
 SECRET_KEY=django-insecure-initial-key
 BACKEND_DOMAIN=127.0.0.1
-BACKEND_PORT=8001
+BACKEND_PORT=8101
 
 # EMAIL
 EMAIL_HOST=127.0.0.1
@@ -25,4 +25,4 @@ EMAIL_API_PORT=8026
 # FRONTEND
 FRONTEND_PORT=5199
 FRONTEND_DOMAIN=127.0.0.1
-VITE_API_URL=https://127.0.0.1:8001
+VITE_API_URL=https://127.0.0.1:8101

.env.example

@@ -3,7 +3,7 @@ DB_NAME=piku
 DB_USER=user
 DB_PASSWORD=password123
 DB_HOST=127.0.0.1
-DB_PORT=5432
+DB_PORT=5442
 
 # SSL
 SSL_ENABLED=true
@@ -13,7 +13,7 @@ S3_ENABLED=false
 DEBUG=True
 SECRET_KEY=django-secret-key
 BACKEND_DOMAIN=127.0.0.1
-BACKEND_PORT=8000
+BACKEND_PORT=8100
 # S3
 R2_ACCESS_KEY_ID=
 R2_SECRET_ACCESS_KEY=
@@ -31,4 +31,4 @@ FROM_EMAIL="Pi Ku <no-reply@test.com>"
 # FRONTEND
 FRONTEND_PORT=5173
 FRONTEND_DOMAIN=127.0.0.1
-VITE_API_URL=https://127.0.0.1:8000
+VITE_API_URL=https://127.0.0.1:8100

frontend/src/App.tsx

@@ -1,5 +1,11 @@
 import { lazy, Suspense, useEffect, useRef } from "react";
-import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
+import {
+  BrowserRouter,
+  Navigate,
+  Route,
+  Routes,
+  ScrollRestoration,
+} from "react-router-dom";
 import { ProtectedRoute, PublicRoute } from "./components/RouteGuards";
 import SplashScreen from "./components/SplashScreen";
 import { ROUTES } from "./config/routes";

frontend/src/components/ui/Saajan.tsx

@@ -45,7 +45,7 @@ export default function Saajan({ message, position = "right" }: SaajanProps) {
         <img
           src={sf_mini}
           alt="saajan"
-          className={`sepia-20 w-35 -mb-3 ${animate ? "animate-[pulse_.5s_ease_2]" : ""}`}
+          className={`sepia-20 w-35 -mb-6 ${animate ? "animate-[pulse_.5s_ease_2]" : ""}`}
         />
       </div>
     </div>

frontend/src/pages/About.tsx

@@ -19,7 +19,7 @@ import {
 } from "@phosphor-icons/react";
 import { ReactLenis } from "lenis/react";
 import { AnimatePresence, motion, useScroll, useTransform } from "motion/react";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import stamp from "../assets/envelope/stamp.png";
 import Logo from "../components/Logo.tsx";
 import { Modal } from "../components/ui/Modal";
@@ -47,6 +47,9 @@ function HorizontalScroll({ children }: { children: React.ReactNode }) {
 }
 
 export default function About() {
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
   return (
     <ReactLenis root options={{ lerp: 0.1, duration: 1.5, smoothWheel: true }}>
       <div className="flex flex-col">

frontend/src/pages/Home.tsx

@@ -285,6 +285,7 @@ export default function Home() {
                 "md:opacity-50 hover:opacity-100 btn btn-ghost btn-wide md:btn-xl rounded-full font-extralight md:grayscale hover:grayscale-0 hover:-translate-y-1 transition-all duration-1000"
               }
               type={"button"}
+              onClick={() => navigate(ROUTES.ABOUT, { replace: true })}
             >
               <InfoIcon className={"text-primary"} />
               Tell me More

scripts/setup.sh

@@ -1,6 +1,14 @@
 #!/bin/bash
 set -e
 
+# Setup Env from examples
+if [ ! -f ".env" ]; then
+    cp .env.example .env
+fi
+if [ ! -f ".env.e2e" ]; then
+    cp .env.e2e.example .env.e2e
+fi
+
 NODE_BIN=$(command -v bun || command -v npm || true)
 PY_BIN=$(command -v uv || command -v pip || true)
 DISTRO_BIN=$(command -v apt || command -v yum || command -v pacman || command -v zypper || true)
@@ -35,17 +43,20 @@ else
 fi
 
 # Simplify ssl generation for local - source & credits:- https://github.com/FiloSottile/mkcert
-echo "[Cert] Setting up SSL..."
+# Note, still try to perform the setup if pkg setups fail
-# pre-requisites (might be available already, just in case)
+{
-if [ $(basename "$DISTRO_BIN") = "apt" ]; then
+  echo "[Cert] Setting up SSL..."
-  sudo apt install -y libnss3-tools
+  # pre-requisites (might be available already, just in case)
-elif [ $(basename "$DISTRO_BIN") = "yum" ]; then
+  if [ $(basename "$DISTRO_BIN") = "apt" ]; then
-  sudo yum install -y nss-tools
+    sudo apt install -y libnss3-tools
-elif [ $(basename "$DISTRO_BIN") = "pacman" ]; then
+  elif [ $(basename "$DISTRO_BIN") = "yum" ]; then
-  sudo pacman -S --noconfirm nss
+    sudo yum install -y nss-tools
-elif [ $(basename "$DISTRO_BIN") = "zypper" ]; then
+  elif [ $(basename "$DISTRO_BIN") = "pacman" ]; then
-  sudo zypper install -y mozilla-nss-tools
+    sudo pacman -S --noconfirm nss
-fi
+  elif [ $(basename "$DISTRO_BIN") = "zypper" ]; then
+    sudo zypper install -y mozilla-nss-tools
+  fi
+} || true
 
 # Detect os and arch to get the appropriate bin. Windows: ...NO SOUP FOR YOU!
 OS=$(uname -s)