42 about page

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,44 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+on:
+  push:
+    branches:
+      - stg
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+      - name: Cache dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: ${{ runner.OS }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.OS }}-node-
+      - name: Cache Next.js build
+        uses: actions/cache@v3
+        with:
+          path: ${{ github.workspace }}/frontend/.next/cache
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}
+      - name: Install dependencies and build
+        env:
+          APP_ENV: staging
+        run: |
+          cd frontend
+          npm ci
+          npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_SCHEMESSG_V3_DEV }}
+          channelId: live
+          projectId: schemessg-v3-dev
+          target: staging
+          entryPoint: ./frontend

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,21 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+on: pull_request
+permissions:
+  checks: write
+  contents: read
+  pull-requests: write
+jobs:
+  build_and_preview:
+    if: ${{ github.event.pull_request.head.repo.full_name == github.repository }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: npm ci && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_SCHEMESSG_V3_DEV }}
+          projectId: schemessg-v3-dev

.gitignore

@@ -182,3 +182,33 @@ backend/ml_logic/schemesv2-your_embeddings.npy
 backend/ml_logic/schemesv2-your_index.faiss
 __pycache__/
 .env
+
+# Firebase
+.firebase/
+
+# Next.js build output
+out/
+
+# Environment variables
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# npm debug logs
+npm-debug.log*
+
+# yarn debug logs
+yarn-debug.log*
+yarn-error.log*
+
+# IDE-specific files
+.vscode/
+.idea/
+
+# macOS-specific files
+.DS_Store
+
+# Temporary files
+*.tmp
+*.swp

README.md

@@ -155,4 +155,4 @@ To add dependencies specifically for development (e.g., testing frameworks, lint
 
 # Notes
 - Ensure your Docker Desktop is running before executing any Docker commands.
-- If you encounter any issues, you can pm Traci on slack or whatsapp.
+- If you encounter any issues, you can pm Traci on slack or whatsapp.

docker-compose.yml

@@ -18,14 +18,14 @@ services:
   frontend:
     platform: linux/amd64
     build:
-      context: ./frontend
+      context: ./frontend_old
       dockerfile: Dockerfile
     ports:
       - "9099:9099"
     environment:
       - PORT=9099
     volumes:
-      - ./frontend:/app
+      - ./frontend_old:/app
     networks:
       - app-network
 

frontend/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript"]
+}

frontend/.firebaserc

@@ -0,0 +1,16 @@
+{
+  "projects": {
+    "default": "schemessg-v3-dev"
+  },
+  "targets": {
+    "schemessg-v3-dev": {
+      "hosting": {
+        "staging": [
+          "schemessg-v3-dev"
+        ]
+      }
+    }
+  },
+  "etags": {},
+  "dataconnectEmulatorConfig": {}
+}

frontend/.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

frontend/README.md

@@ -0,0 +1,88 @@
+# 🚀 SchemesSG V3 Frontend
+
+Welcome to the Next.js frontend for SchemesSG V3! Let's build something awesome together.
+
+## 📚 Quick Navigation
+- [Prerequisites](#prerequisites)
+- [Quick Start](#quick-start)
+- [Key Scripts](#key-scripts)
+- [Workflow & Contributing](#workflow--contributing)
+- [Deployment](#deployment)
+- [Environment](#environment)
+- [URLs](#urls)
+
+## Prerequisites
+
+Before we dive in, make sure you've got:
+- 💻 Node.js (v14 or later)
+- 📦 npm (v6 or later)
+- 🐙 Git
+
+## Quick Start
+
+1. **Setup (Let's get this party started!)**
+   ```bash
+   cd frontend
+   npm install
+   ```
+
+2. **Development (Where the magic happens)**
+   ```bash
+   npm run dev
+   ```
+   🌐 Access your creation at `http://localhost:3000`
+
+3. **Build & Test (Time to shine)**
+   Staging:
+   ```bash
+   npm run build:staging
+   npm run test-build:staging
+   ```
+   Production:
+   ```bash
+   npm run build:prod
+   npm run test-build:prod
+   ```
+
+## Key Scripts
+
+- 🔥 `npm run dev`: Fire up the development server (APP_ENV=development)
+- 🏗️ `npm run build:staging`: Construct for staging (APP_ENV=staging)
+- 🚀 `npm run build:prod`: Launch-ready for production (APP_ENV=production)
+- 🧪 `npm run test-build:staging/prod`: Build and serve locally
+
+## Workflow & Contributing
+
+1. 🌿 Branch out from `stg`
+2. ✏️ Make your changes, focusing on `src/app/page.tsx` for main content
+3. 🧪 Test locally with `npm run dev`
+4. 💾 Commit and push to your branch
+5. 🙋 Create a Pull Request to the `stg` branch
+6. 👀 After review and approval, your changes will join the party!
+7. 🚀 For production, create a PR from `stg` to `main`
+
+## Deployment
+
+- 🚦 **Staging**: Auto-deploys from `stg` branch
+- 🚀 **Production**: Not set up yet
+
+🤖 GitHub Actions is currently configured to automatically deploy changes from the `stg` branch to the staging environment. No manual intervention required for staging deployment!
+
+To prepare for future production deployment:
+1. 🕵️ Thoroughly investigate on staging
+2. 📝 Create a PR from `stg` to `main`
+3. 🎉 Once production is set up, merging to `main` will trigger deployment
+
+Note: Production deployment will be configured in the future. Stay tuned for updates!
+
+## Environment
+
+- 🌍 `APP_ENV`: Set to `development`, `staging`, or `production`
+- ⚙️ Configure in `next.config.mjs` and set in npm scripts
+
+## URLs
+
+- 🧪 Staging: [https://schemessg-v3-dev.web.app/](https://schemessg-v3-dev.web.app/)
+- 🚀 Production: Not available yet
+
+For more details on the upcoming production setup, reach out to the team lead. Happy coding! 🎉

frontend/firebase.json

@@ -0,0 +1,17 @@
+{
+  "hosting": {
+    "target": "staging",
+    "public": "out",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

frontend/next.config.mjs

@@ -0,0 +1,16 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  // output: 'export',
+  env: {
+    APP_ENV: process.env.APP_ENV || 'development',
+  },
+  // You can add environment-specific configurations here if needed
+  // For example:
+  // publicRuntimeConfig: {
+  //   apiUrl: process.env.APP_ENV === 'production'
+  //     ? 'https://api.example.com'
+  //     : 'https://staging-api.example.com',
+  // },
+};
+
+export default nextConfig;