IgniteUI · dkamburov · Apr 25, 2025 · Apr 8, 2025 · Apr 10, 2025 · Apr 10, 2025
diff --git a/projects/hr-portal/.editorconfig b/projects/hr-portal/.editorconfig
@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/projects/hr-portal/.gitignore b/projects/hr-portal/.gitignore
@@ -0,0 +1,26 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/dist
+tsconfig.tsbuildinfo
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.vs
diff --git a/projects/hr-portal/README.md b/projects/hr-portal/README.md
@@ -0,0 +1,27 @@
+# HR Portal app
+
+## Development server
+
+Run `npm start` to build the application, start a web server and open the application in the default browser. The application will open in `http://localhost:3003/` by default.
+
+## Build
+
+Run `npm run build` to build the application into an output directory.
+
+## Running unit tests
+
+Run `npm test` to execute the unit tests via [Vitest](https://vitest.dev/). Runs all `.test.tsx` files under `./src` folder.
+
+## Running code style checks
+
+Run `npm run lint` to execute the code styling rules for the project.
+
+## Licensing
+
+See the [License FAQ and Installation documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-licensing) for information on how to upgrade to the full licensed package, if the project is using a Trial version of Ignite UI for React, and how to setup your environment and CI to use our licensed npm feed.
+
+Alternatively run `npm run infragistics-login` for a guided login to our licensed feed.
+
+## Additional resources
+
+- [Ignite UI for React](https://www.infragistics.com/products/ignite-ui-react) - to learn more about the product or to dive into component specifics and showcases.
diff --git a/projects/hr-portal/eslint.config.mjs b/projects/hr-portal/eslint.config.mjs
@@ -0,0 +1,48 @@
+import js from '@eslint/js';
+import typescriptParser from '@typescript-eslint/parser';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import { FlatCompat } from "@eslint/eslintrc";
+
+const compat = new FlatCompat({
+    recommendedConfig: js.configs.recommended
+});
+
+export default [
+  ...compat.extends('eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended'),
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      globals: {
+        browser: true,
+        es2020: true,
+      },
+      parser: typescriptParser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      reactRefresh
+    },
+    rules: {
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          args: 'all',
+          argsIgnorePattern: '^_',
+          caughtErrors: 'all',
+          caughtErrorsIgnorePattern: '^_',
+          destructuredArrayIgnorePattern: '^(_|set)',
+          varsIgnorePattern: '^_',
+          ignoreRestSiblings: true,
+        },
+      ],
+      'reactRefresh/only-export-components': ['warn', { allowConstantExport: true }],
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
+  },
+  {
+    ignores: ['dist']
+  }
+];
diff --git a/projects/hr-portal/index.html b/projects/hr-portal/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>HR Portal</title>
+    <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>S
+    <link rel='stylesheet' href='./node_modules/igniteui-webcomponents/themes/light/fluent.css'>
+    <link rel='stylesheet' href='./node_modules/igniteui-react-grids/grids/themes/light/fluent.css'>
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap" rel="stylesheet">
+    <link rel="shortcut icon" href="/favicon.ico" />
+    <link rel="stylesheet" href="./styles.scss">
+</head>
+  <body class="ig-scrollbar ig-typography">
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+  <script type="module" src="/src/main.tsx"></script>
+</html>