raselinfo · raselinfo · Dec 21, 2022 · Dec 21, 2022 · Dec 21, 2022 · Dec 21, 2022
diff --git a/.github/workflows/nodeCI.yml b/.github/workflows/nodeCI.yml
@@ -9,22 +9,21 @@ jobs:
     runs-on: ubuntu-latest
     needs: backend
     steps:
-
       - name: Checkout Codes
         uses: actions/[email protected]
       - name: Install Node Version
         uses: actions/setup-node@v3
         with:
-            node-version: 16
+          node-version: 18
       - name: Install Frontend Dependance
-        run: |         
-          cd frontend         
-          yarn install --frozen-lockfile      
-      - name: Run Test
         run: |
-          cd frontend
-          yarn test
-          node -v
+          cd frontend         
+          yarn install --frozen-lockfile
+        # run: |
+        #   cd frontend
+        #   yarn test
+        #   node -v
+      # - name: Run Test
 
   backend:
     name: Backend Task
@@ -35,12 +34,18 @@ jobs:
       - name: Install Node Version
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
+      - name: Start MongoDb
+        uses: supercharge/[email protected]
+        with:
+          mongodb-version: 6.0
       - name: Install Backend Dependance
         run: |
-          cd backend
-          yarn install --frozen-lockfile
+          cd backend &&
+          yarn install --frozen-lockfile &&
           ls
-          node -v
-
-
+      # - name: Run Backend Test
+      #   run: |
+      #     cd backend
+      #     yarn test
+      #     node -v
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,7 @@
 # Created by https://www.toptal.com/developers/gitignore/api/windows,react,node
 # Edit at https://www.toptal.com/developers/gitignore?templates=windows,react,node
 ### Node ###
+# build
 # Logs
 logs
 *.log

diff --git a/DB/.default.env b/DB/.default.env
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@
 
 ### Frontend
 
-<a href="https://e-commerce-full-stack-one.vercel.app/" target="_blank">Preview</a>
+<a href="https://raselofficial.me/" target="_blank">Preview</a>
 
 ### Backend
 

diff --git a/admin/.eslintrc.cjs b/admin/.eslintrc.cjs
@@ -0,0 +1,33 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    'airbnb',
+    'airbnb/hooks',
+    'airbnb-typescript',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+  ],
+  overrides: [],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    tsconfigRootDir: __dirname,
+    project: './tsconfig.json',
+  },
+  plugins: ['react', '@typescript-eslint', 'prettier'],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'linebreak-style': 0,
+    'no-unused-vars': 'warn',
+    'no-console': 'off',
+    'func-names': 'off',
+    'no-process-exit': 'off',
+    'object-shorthand': 'off',
+    'class-methods-use-this': 'off',
+    'jsx-a11y/label-has-associated-control': 'off',
+  },
+};
diff --git a/admin/.prettierrc.cjs b/admin/.prettierrc.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+  trailingComma: 'es5',
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+};
diff --git a/admin/index.html b/admin/index.html
@@ -0,0 +1,13 @@
+<!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 + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/admin/package.json b/admin/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "admin",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.7.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
+    "@typescript-eslint/eslint-plugin": "^5.49.0",
+    "@typescript-eslint/parser": "^5.49.0",
+    "@vitejs/plugin-react": "^3.0.0",
+    "eslint": "^8.32.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-node": "^4.1.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "jsdom": "^21.1.0",
+    "prettier": "^2.8.3",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0",
+    "vitest": "^0.28.1"
+  }
+}
diff --git a/admin/public/vite.svg b/admin/public/vite.svg
diff --git a/admin/src/App.css b/admin/src/App.css
diff --git a/admin/src/App.tsx b/admin/src/App.tsx
@@ -0,0 +1,8 @@
+import { useState } from 'react';
+import reactLogo from './assets/react.svg';
+import './App.css';
+
+function App() {
+  return <h1>Hello World</h1>;
+}
+export default App;
diff --git a/admin/src/assets/react.svg b/admin/src/assets/react.svg
diff --git a/admin/src/index.css b/admin/src/index.css
@@ -0,0 +1,12 @@
+* {
+  margin    : 0;
+  padding   : 0;
+  box-sizing: border-box;
+  outline   : 0,
+
+}
+
+ul {
+  margin: 0,
+    padding:0,
+}
diff --git a/admin/src/main.tsx b/admin/src/main.tsx
@@ -0,0 +1,11 @@
+import { RouterProvider } from 'react-router-dom';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import routes from './routes';
+import './index.css';
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <RouterProvider router={routes} />
+  </React.StrictMode>,
+);
diff --git a/admin/src/routes/index.tsx b/admin/src/routes/index.tsx
@@ -0,0 +1,23 @@
+import { lazy } from 'react';
+import { createBrowserRouter } from 'react-router-dom';
+
+const App = lazy(() => import('../App'));
+const NotFound = lazy(() => import('../views/NotFound/NotFound'));
+export const routesConfig = [
+  {
+    path: '/',
+    element: <App />,
+  },
+  {
+    path: '/banana',
+    element: <h1>banana page</h1>,
+  },
+  {
+    path: '*',
+    element: <NotFound />,
+  },
+];
+
+const routes = createBrowserRouter(routesConfig);
+
+export default routes;
diff --git a/admin/src/setupTest.ts b/admin/src/setupTest.ts
@@ -0,0 +1,7 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { expect, afterEach } from 'vitest';
+import { cleanup } from '@testing-library/react';
+import matchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(matchers);
+afterEach(() => cleanup());
diff --git a/admin/src/test/App.test.tsx b/admin/src/test/App.test.tsx
@@ -0,0 +1,16 @@
+import { describe, it } from 'vitest';
+
+import { render, screen } from '@testing-library/react';
+import App from '../App';
+
+describe('App', () => {
+  it('Return Hello World', () => {
+    // Arrange
+    render(<App />);
+    // Act
+    // Expect
+    expect(screen.getByRole('heading', {
+      level: 1,
+    })).toHaveTextContent('Hello World');
+  });
+});
diff --git a/admin/src/views/NotFound/NotFound.jsx b/admin/src/views/NotFound/NotFound.jsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+function NotFound() {
+  return (
+    <h1>Not Found Page</h1>
+  );
+}
+
+export default NotFound;
diff --git a/admin/src/vite-env.d.ts b/admin/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/admin/tsconfig.json b/admin/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+  },
+  "include": ["vite.config.ts",".eslintrc.cjs", "src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/admin/tsconfig.node.json b/admin/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/admin/vite.config.ts b/admin/vite.config.ts
@@ -0,0 +1,16 @@
+/* eslint-disable import/no-extraneous-dependencies */
+/// <reference types="vitest" />
+/// <reference types="vite/client" />
+
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./src/setupTest.ts'],
+  },
+});