add login page + enhancements

.eslintrc.json

@@ -1,8 +1,8 @@
 {
-  "extends": [
-    "next/core-web-vitals",
-    "plugin:testing-library/react",
-    "plugin:jest-dom/recommended",
-    "prettier"
-  ]
+    "extends": [
+        "next/core-web-vitals",
+        "plugin:testing-library/react",
+        "plugin:jest-dom/recommended",
+        "prettier"
+    ]
 }

.github/ISSUE_TEMPLATE.md

@@ -1,12 +1,12 @@
-## *Who* is the bug affecting?
+## _Who_ is the bug affecting?
 
-## *What* is affected by this bug?
+## _What_ is affected by this bug?
 
-## *When* does this occur?
+## _When_ does this occur?
 
-## *Where* on the platform does it happen?
+## _Where_ on the platform does it happen?
 
-## *How* do we replicate the issue?
+## _How_ do we replicate the issue?
 
 ## Expected behavior (i.e. solution)
 

.github/PULL_REQUEST_TEMPLATE.md

@@ -7,11 +7,13 @@
 ## Screenshots (if appropriate):
 
 ## Types of changes
-- [ ] Bug fix (non-breaking change which fixes an issue)
-- [ ] New feature (non-breaking change which adds functionality)
-- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+
+-   [ ] Bug fix (non-breaking change which fixes an issue)
+-   [ ] New feature (non-breaking change which adds functionality)
+-   [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
 
 ## Checklist:
-- [ ] My code follows the code style of this project.
-- [ ] My change requires a change to the documentation.
-- [ ] I have updated the documentation accordingly.
+
+-   [ ] My code follows the code style of this project.
+-   [ ] My change requires a change to the documentation.
+-   [ ] I have updated the documentation accordingly.

.github/dependabot.yaml

@@ -3,7 +3,7 @@
 
 version: 2
 updates:
-  - package-ecosystem: "npm" # See documentation for possible values
-    directory: "/" # Location of package manifests
-    schedule:
-      interval: "monthly"
+    - package-ecosystem: 'npm' # See documentation for possible values
+      directory: '/' # Location of package manifests
+      schedule:
+          interval: 'monthly'

.github/workflows/ci.yaml

@@ -2,28 +2,28 @@
 name: Frontend-CI
 on: push
 jobs:
-  build-lint-tsc:
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [18]
-    steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v2
-        with:
-          version: 8
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
-        with:
-          node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
-      - name: Install dependencies
-        run: pnpm install
-      - name: Run ESLint
-        run: pnpm lint
-      - name: Run Prettier check
-        run: pnpm prettier:check
-      - name: Run TypeScript compiler
-        run: pnpm tsc --noEmit
-      - name: Run tests
-        run: pnpm test
+    build-lint-tsc:
+        runs-on: ubuntu-latest
+        strategy:
+            matrix:
+                node-version: [18]
+        steps:
+            - uses: actions/checkout@v4
+            - uses: pnpm/action-setup@v2
+              with:
+                  version: 8
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v3
+              with:
+                  node-version: ${{ matrix.node-version }}
+                  cache: 'pnpm'
+            - name: Install dependencies
+              run: pnpm install
+            - name: Run ESLint
+              run: pnpm lint
+            - name: Run Prettier check
+              run: pnpm prettier:check
+            - name: Run TypeScript compiler
+              run: pnpm tsc --noEmit
+            - name: Run tests
+              run: pnpm test

.prettierrc

@@ -1,8 +1,6 @@
 {
-  "trailingComma": "es5",
-  "tabWidth": 4,
-  "singleQuote": true,
-  "plugins": [
-    "prettier-plugin-tailwindcss"
-  ]
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "singleQuote": true,
+    "plugins": ["prettier-plugin-tailwindcss"]
 }

README.md

@@ -9,11 +9,13 @@ npm install -g pnpm
 ```
 
 Then, install dependencies:
+
 ```bash
 pnpm install
 ```
 
 Finally, start the development server:
+
 ```bash
 pnpm dev
 ```

__tests__/Home.test.tsx

@@ -1,10 +1,10 @@
-import { render, screen } from "@testing-library/react";
-import Home from "@/app/page";
+import { render, screen } from '@testing-library/react';
+import Home from '@/app/page';
 
-describe("", () => {
-  it("should have Docs text", () => {
-    render(<Home />);
-    const myElem = screen.getByText("Docs");
-    expect(myElem).toBeInTheDocument();
-  });
+describe('', () => {
+    it('should have CCA text', () => {
+        render(<Home />);
+        const myElem = screen.getByTestId('main');
+        expect(myElem).toBeInTheDocument();
+    });
 });