building a portfolio

.eslintignore

@@ -0,0 +1,5 @@
+# .estlintignore file
+dist
+.next
+build
+node_modules/

.eslintrc.json

@@ -0,0 +1,19 @@
+{
+  "extends": ["next/core-web-vitals", "plugin:prettier/recommended"],
+  "rules": {
+    "prettier/prettier": "off",
+    "@next/next/no-img-element": "off",
+    "jsx-a11y/alt-text": "off",
+    "react/display-name": "off",
+    "eslint-disable-next-line": "off",
+    "react-hooks/exhaustive-deps": "off",
+    "react/no-unescaped-entities": "off",
+    "react/jsx-max-props-per-line": [
+      1,
+      {
+        "maximum": 2,
+        "when": "multiline"
+      }
+    ]
+  }
+}

.gitignore

@@ -73,8 +73,9 @@ web_modules/
 .yarn-integrity
 
 # dotenv environment variable files
-.env
+.env.production
 .env.development.local
+.env.development
 .env.test.local
 .env.production.local
 .env.local
@@ -100,13 +101,14 @@ dist
 # vuepress build output
 .vuepress/dist
 
+#duh !!
+package-lock.json
+mp3/
+
 # vuepress v2.x temp and cache directory
 .temp
 .cache
 
-# Docusaurus cache and generated files
-.docusaurus
-
 # Serverless directories
 .serverless/
 
@@ -128,3 +130,4 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
+.vercel

.prettierignore

@@ -0,0 +1,5 @@
+# Ignore artifacts:
+dist
+.next
+build
+node_modules/

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "bracketSpacing": true,
+  "printWidth": 80,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSameLine": false
+}

README.md

@@ -1,2 +1,46 @@
-# portfolio-public
-The public version of my portfolio website
+<p align="center">
+    <a href="https://bloomui.com" title="BloomUI.com">
+        <img width='100' src="https://ntalam.com/wp-content/uploads/2020/06/cropped-cropped-chinchilla_reactor_logo.png" alt="Tokyo Free Black Typescript Next.js Admin Dashboard">
+    </a>
+</p>
+<h1 align="center">
+    <b>Nallib Tala (Node) Portfolio</b>
+</h1>
+
+<p>
+    This website runs (mainly) on:
+</p>
+<ul>
+  <li><a target="_new" href="https://github.com/vercel/next.js">NextJS</a></li>
+  <li> <a target="_new" href="https://next-auth.js.org/">React Oauth/Google</a> </li>
+
+  <li> <a target="_new" href="https://github.com/MomenSherif/react-oauth">Next-auth</a> </li>
+  <li> <a target="_new" href="https://bloomui.com/product/tokyo-free-black-nextjs-typescript-material-ui-admin-dashboard/">Free Tokyo Black (theme)</a></li>
+</ul>
+
+<h2>Objectives (of this project)</h2>
+
+<li>Showing my skills as a Node developer</li>
+<li>Create a website to show my statistics</li>
+<li>Create a website to track my projects</li>
+
+<h2>
+    Quick Start
+</h2>
+<ol>
+    <li>Make sure you have the latest stable versions for Node.js and NPM installed</li>
+    <li>Clone repository: <code>git clone https://github.com/bloomui/tokyo-free-black-nextjs-admin-dashboard.git</code></li>
+    <li>Install dependencies: Run <code>npm install</code> inside the project folder</li>
+    <li>Start dev server: After the install finishes, run <code>yarn dev</code>. A browser window will open on http://localhost:3000 where you''ll see the live preview</li>
+</ol>
+
+---
+
+<h2>
+    Technical Support
+</h2>
+<p>
+    You can open a support ticket by sending an email here: <a href="mailto:[email protected]" title="Open Support Ticket">
+        [email protected]
+    </a>
+</p>

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

next-i18next.config.js

@@ -0,0 +1,7 @@
+/** @type {import('next-i18next').UserConfig} */
+module.exports = {
+    i18n: {
+      defaultLocale: 'en',
+      locales: ['en', 'de'],
+    },
+  }

next.config.js

@@ -0,0 +1,65 @@
+// const withImages = require('next-images');
+
+// const redirects = {
+//   async redirects() {
+//     return [
+//       {
+//         source: '/dashboards',
+//         destination: '/dashboards/tasks',
+//         permanent: true
+//       }
+//     ];
+//   }
+// };
+
+// module.exports = withImages(redirects);
+
+// import CompressionPlugin from "compression-webpack-plugin";
+// const CompressionPlugin = require('compression-webpack-plugin');
+// const BrotliPlugin = require('brotli-webpack-plugin');
+// const zlib = require("zlib");
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  swcMinify: true,
+  compress: true,
+  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
+    config => {
+      node = {
+        fs: 'empty',
+        child_process: 'empty',
+        net: 'empty',
+        dns: 'empty',
+        tls: 'empty',
+      };
+    }
+    // config.plugins.push(new CompressionPlugin(
+    //   {
+    //     filename: "[path][base].br",
+    //     algorithm: "brotliCompress",
+    //     test: /\.(js|css|html|svg)$/,
+    //     compressionOptions: {
+    //       params: {
+    //         [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
+    //       },
+    //     },
+    //     threshold: 10240,
+    //     minRatio: 0.8,
+    //   }
+    // ))
+    // config.plugins.push(new CompressionPlugin(
+    //   {
+    //     filename: "[path][base].gz",
+    //     algorithm: "gzip",
+    //     test: /\.js$|\.css$|\.html$/,
+    //     threshold: 10240,
+    //     minRatio: 0.8,
+    //     // 
+    //   }
+    // ))
+
+    return config
+  },
+}
+
+module.exports = nextConfig

next.d.ts

@@ -0,0 +1,15 @@
+import type { ReactElement, ReactNode } from 'react';
+import type {
+  NextComponentType,
+  NextPageContext
+} from 'next/dist/shared/lib/utils';
+
+declare module 'next' {
+  export declare type NextPage<P = {}, IP = P> = NextComponentType<
+    NextPageContext,
+    IP,
+    P
+  > & {
+    getLayout?: (page: ReactElement) => ReactNode;
+  };
+}

package.json

@@ -0,0 +1,67 @@
+{
+  "name": "tokyo-free-black-nextjs-admin-dashboard",
+  "version": "1.0.0",
+  "title": "Tokyo Free Black NextJS Typescript Admin Dashboard",
+  "description": "High performance React template built with lots of powerful MUI (Material-UI) components across multiple product niches for fast & perfect apps development processes",
+  "author": {
+    "name": "BloomUI.com",
+    "url": "https://bloomui.com"
+  },
+  "private": false,
+  "dependencies": {
+    "@emotion/cache": "11.7.1",
+    "@emotion/react": "11.9.0",
+    "@emotion/server": "11.4.0",
+    "@emotion/styled": "11.8.1",
+    "@mui/icons-material": "5.8.2",
+    "@mui/lab": "5.0.0-alpha.84",
+    "@mui/material": "5.8.2",
+    "@mui/styles": "5.8.0",
+    "@mui/x-data-grid": "^6.16.1",
+    "@octokit/rest": "^20.0.2",
+    "@react-oauth/google": "^0.11.1",
+    "@types/nprogress": "0.2.0",
+    "@types/numeral": "2.0.2",
+    "apexcharts": "3.35.3",
+    "axios": "^1.5.1",
+    "clsx": "1.1.1",
+    "date-fns": "2.28.0",
+    "github-api": "^3.4.0",
+    "jira-client": "^8.2.2",
+    "jwt-decode": "^3.1.2",
+    "mysql": "^2.18.1",
+    "next": "12.2.5",
+    "next-auth": "^4.23.1",
+    "next-images": "1.8.4",
+    "nprogress": "0.2.0",
+    "numeral": "2.0.6",
+    "octokit": "^3.1.1",
+    "react": "17.0.2",
+    "react-apexcharts": "1.4.0",
+    "react-custom-scrollbars-2": "4.4.0",
+    "react-dom": "17.0.2",
+    "react-material-ui-carousel": "^3.4.2",
+    "wordpress-hash-node": "^1.0.0"
+  },
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start",
+    "export": "next export",
+    "lint": "next lint",
+    "lint-fix": "next lint --fix",
+    "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json}\" --config ./.prettierrc"
+  },
+  "devDependencies": {
+    "@types/node": "20.7.1",
+    "@types/react": "17.0.66",
+    "@typescript-eslint/eslint-plugin": "^6.7.3",
+    "@typescript-eslint/parser": "^6.7.3",
+    "eslint": "8.50.0",
+    "eslint-config-next": "^13.5.2",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-prettier": "4.0.0",
+    "prettier": "2.6.2",
+    "typescript": "5.2.2"
+  }
+}