feat: basic frontend

.eslintrc.cjs

@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react/jsx-no-target-blank': 'off',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

.firebase/hosting.ZGlzdA.cache

@@ -0,0 +1,11 @@
+index.html,1710610181870,36d3d6e4c2a3521d7e7da67fc9f4213a0bef4c01490d77e32d5a4c0e6e0157ce
+assets/index-BatyY2sm.css,1710610057732,5a8de570002c270f45f604d74e94a8334fc7740207060a56739b9292d4f61833
+icons/badge.svg,1710610057622,e20ec007ee5d97d4c155e85e440598e1e6d21adce25d65d43a62b028b28ae345
+icons/check.svg,1710610057622,ba427bf61865bd2952f8be374482e3c505f605714ce68c67602e784783ce9718
+icons/menu.svg,1710610057622,f17a201ae8b190d06ab099d3c9195b4b233a12bb96589ad4276696163ccb900f
+icons/star.svg,1710610057622,0dcd6f4dc43690deef960f25a837d078ec25d3c98c50b608593888b6568a2ec1
+icons/thumbs-up.svg,1710610057622,db22006ad849ac39131605bcadf96dfaf72394338bc5bdd2ee2b71c1edbe7f24
+images/svg/hero-background-bottom.svg,1710610057622,f622860a45f13a3de9888df881e3b5089199481acd1478b39be8a03361755860
+images/svg/hero-background-top.svg,1710610057622,3c6fcd799299ad5bb10f508eb9055a76a5af24238150b2d3872bc7ad6c080933
+images/svg/hero-illustration.svg,1710610057622,4ebc223c52ebcd8c2fa2dc262b5dc9c91a0895934c3747d80decf5c52e0eac05
+assets/index-CKdyL8Yh.js,1710610057732,03965d0afce5928f46262ee7ab3f84f538cd5ba7dd5d9f152f22a805f16405a4

.firebase/hosting.cHVibGlj.cache

@@ -0,0 +1,9 @@
+index.html,1710609911237,36d3d6e4c2a3521d7e7da67fc9f4213a0bef4c01490d77e32d5a4c0e6e0157ce
+images/svg/hero-background-bottom.svg,1710523037972,f622860a45f13a3de9888df881e3b5089199481acd1478b39be8a03361755860
+icons/badge.svg,1710583804613,e20ec007ee5d97d4c155e85e440598e1e6d21adce25d65d43a62b028b28ae345
+icons/thumbs-up.svg,1710583804590,db22006ad849ac39131605bcadf96dfaf72394338bc5bdd2ee2b71c1edbe7f24
+icons/menu.svg,1710573783917,f17a201ae8b190d06ab099d3c9195b4b233a12bb96589ad4276696163ccb900f
+icons/check.svg,1710583804550,ba427bf61865bd2952f8be374482e3c505f605714ce68c67602e784783ce9718
+icons/star.svg,1710584653932,0dcd6f4dc43690deef960f25a837d078ec25d3c98c50b608593888b6568a2ec1
+images/svg/hero-background-top.svg,1710523043855,3c6fcd799299ad5bb10f508eb9055a76a5af24238150b2d3872bc7ad6c080933
+images/svg/hero-illustration.svg,1710577781662,4ebc223c52ebcd8c2fa2dc262b5dc9c91a0895934c3747d80decf5c52e0eac05

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "guardian-vault-codestrikers"
+  }
+}

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

@@ -0,0 +1,20 @@
+# 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:
+      - main
+jobs:
+  build_and_deploy:
+    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_GUARDIAN_VAULT_CODESTRIKERS }}'
+          channelId: live
+          projectId: guardian-vault-codestrikers

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

@@ -0,0 +1,17 @@
+# 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
+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_GUARDIAN_VAULT_CODESTRIKERS }}'
+          projectId: guardian-vault-codestrikers

.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.md

@@ -0,0 +1,8 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

firebase.json

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

index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>