initial commit

.env.development

@@ -0,0 +1,2 @@
+API_URL=http://localhost:8090/api
+NEXTAUTH_SECRET=secret

.env.production

@@ -0,0 +1,3 @@
+API_URL=http://localhost:8090/api
+NEXTAUTH_SECRET=secret
+NEXTAUTH_URL=https://tsms-uat.2fi-solutions.com

.eslintrc.json

@@ -0,0 +1,16 @@
+{
+  "extends": ["next/core-web-vitals", "plugin:@typescript-eslint/recommended", "prettier"],
+  "plugins": ["prettier", "@typescript-eslint"],
+  "rules": {
+    // "prettier/prettier": "warn",
+    "prettier/prettier": [
+      "error", 
+      {
+        "endOfLine": "off"
+      }
+  ],
+    "no-unused-vars": "off",
+    // "@typescript-eslint/no-explicit-any": ["off"],
+    "@typescript-eslint/no-unused-vars": "warn"
+  }
+}

.gitignore

@@ -0,0 +1,49 @@
+# 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
+
+.vscode
+
+#tsms.zip
+tsms.zip
+
+# PWA files
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npmjs.org/

.nvmrc

@@ -0,0 +1 @@
+lts/hydrogen

README.md

@@ -1,3 +1,32 @@
-# FPSMS-frontend
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-FPSMS-frontend
+## Setting Up the Environment
+
+It is recommended to use the same node and npm versions for development. An easy way to do so would be to use `nvm` ([Linux/MacOS](https://github.com/nvm-sh/nvm), [Windows](https://github.com/coreybutler/nvm-windows)).
+
+After installing `nvm`, run:
+
+```bash
+nvm use
+npm install
+```
+
+This will automatically use the node version defined in `.nvmrc` and then proceed with installing the necessary dependencies for development.
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+## References
+
+This project uses the following libraries:
+- [NextJS](https://nextjs.org/docs)
+- [Next-Auth](https://next-auth.js.org/getting-started/example)
+- [Material UI](https://mui.com/material-ui/getting-started/)
+- [i18next](https://www.i18next.com/overview/getting-started)

next.config.js

@@ -0,0 +1,18 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+/** @type {import('next').NextConfig} */
+
+const withPWA = require("next-pwa")({
+  dest: "public",
+  register: true,
+  skipWaiting: true,
+});
+
+const nextConfig = {
+  // eslint: {
+  //     // Warning: This allows production builds to successfully complete even if
+  //     // your project has ESLint errors.
+  //     ignoreDuringBuilds: true,
+  // },
+};
+
+module.exports = withPWA(nextConfig);

package.json

@@ -0,0 +1,59 @@
+{
+  "name": "tsms",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "NODE_OPTIONS='--inspect' next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@emotion/cache": "^11.11.0",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@fontsource/inter": "^5.0.16",
+    "@fontsource/plus-jakarta-sans": "^5.0.18",
+    "@mui/icons-material": "^5.15.0",
+    "@mui/material": "^5.15.0",
+    "@mui/material-nextjs": "^5.15.0",
+    "@mui/x-data-grid": "^6.18.7",
+    "@mui/x-date-pickers": "^6.18.7",
+    "@unly/universal-language-detector": "^2.0.3",
+    "apexcharts": "^3.45.2",
+    "dayjs": "^1.11.10",
+    "i18next": "^23.7.11",
+    "i18next-resources-to-backend": "^1.2.0",
+    "lodash": "^4.17.21",
+    "next": "14.0.4",
+    "next-auth": "^4.24.5",
+    "next-pwa": "^5.6.0",
+    "react": "^18",
+    "react-apexcharts": "^1.4.1",
+    "react-dom": "^18",
+    "react-hook-form": "^7.49.2",
+    "react-i18next": "^13.5.0",
+    "react-intl": "^6.5.5",
+    "react-select": "^5.8.0",
+    "reactstrap": "^9.2.2",
+    "styled-components": "^6.1.8",
+    "sweetalert2": "^11.10.3"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.202",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@typescript-eslint/eslint-plugin": "^6.18.1",
+    "@typescript-eslint/parser": "^6.18.1",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8",
+    "eslint-config-next": "14.0.4",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "postcss": "^8.4.33",
+    "prettier": "3.1.1",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5"
+  }
+}

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}