🎉 make it

nexterias · Oct 24, 2022 · ca38e7f · ca38e7f
1 parent 453adb3
commit ca38e7f
Show file tree

Hide file tree

Showing 42 changed files with 1,236 additions and 33 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -1,18 +1,25 @@
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
   env: {
     es2022: true,
     browser: true,
   },
   parserOptions: {
     ecmaVersion: 2022,
     sourceType: 'module',
+    tsconfigRootDir: __dirname,
     ecmaFeatures: {
       jsx: true,
     },
+    project: ['./tsconfig.json', './tsconfig.node.json'],
   },
   extends: [
     'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
     'plugin:react/recommended',
     'plugin:react-hooks/recommended',
     'plugin:jsx-a11y/strict',
@@ -22,6 +29,9 @@ module.exports = {
       version: 'detect',
     },
   },
+  rules: {
+    'react/no-unknown-property': 'off',
+  },
   overrides: [
     {
       files: ['*.cjs'],
@@ -30,4 +40,9 @@ module.exports = {
       },
     },
   ],
+  ignorePatterns: [
+    '.eslintrc.cjs',
+    'tailwind.config.cjs',
+    'postcss.config.cjs',
+  ],
 }
diff --git a/.gitignore b/.gitignore
@@ -15,6 +15,7 @@ dist-ssr
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .idea
 .DS_Store
 *.suo

diff --git a/.prettierrc.json b/.prettierrc.json
@@ -1,5 +1,6 @@
 {
   "arrowParens": "avoid",
   "semi": false,
-  "singleQuote": true
+  "singleQuote": true,
+  "plugins": ["prettier-plugin-tailwindcss"]
 }
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -3,6 +3,6 @@
     "codezombiech.gitignore",
     "esbenp.prettier-vscode",
     "dbaeumer.vscode-eslint",
-    "clinyong.vscode-css-modules"
+    "bradlc.vscode-tailwindcss"
   ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,11 +1,24 @@
 {
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
-  "eslint.validate": ["javascript", "javascriptreact"],
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact"
+  ],
   "files.insertFinalNewline": true,
   "npm.packageManager": "pnpm",
   "files.eol": "\n",
   "editor.codeActionsOnSave": {
     "source.fixAll": true
+  },
+
+  // Tailwind recommended settings
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
+  "editor.quickSuggestions": {
+    "strings": true
   }
 }
diff --git a/index.html b/index.html
@@ -1,12 +1,29 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ja">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>NEXTERIAS - Happy Coders</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+    <meta name="author" content="The NEXTERIAS" />
+    <meta
+      name="description"
+      content="We are Happy Coders! Programming what we want to do. Just that."
+    />
+    <meta name="color-scheme" content="light dark" />
+    <meta property="og:title" content="The NEXTERIAS" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://nexterias.dev" />
+    <meta property="og:image" content="/ogp.png" />
+    <meta name="twitter:card" content="summary" />
   </head>
-  <body>
+  <body
+    class="bg-slate-200 font-sans text-lg text-black antialiased transition-all dark:bg-slate-900 dark:text-slate-300"
+  >
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -6,28 +6,43 @@
   },
   "scripts": {
     "prepare": "is-ci || husky install",
-    "dev": "vite",
-    "build": "vite build",
+    "dev": "vite --open",
+    "build": "tsc && vite build",
     "preview": "vite preview",
-    "format": "prettier -w . && eslint --ext=jsx,js,cjs ./ --fix",
-    "lint": "prettier -c . && eslint --ext=jsx,js,cjs ./"
+    "format": "prettier -w . && eslint --ext=tsx,ts,js,cjs ./ --fix",
+    "lint": "prettier -c . && eslint --ext=tsx,ts,js,cjs ./"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.2.0",
+    "@fortawesome/free-brands-svg-icons": "^6.2.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@headlessui/react": "^1.7.3",
+    "@heroicons/react": "^2.0.12",
+    "clsx": "^1.2.1",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.4.2",
+    "recoil": "^0.7.6"
   },
   "devDependencies": {
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
+    "@typescript-eslint/parser": "^5.40.1",
     "@vitejs/plugin-react": "^2.1.0",
+    "autoprefixer": "^10.4.12",
     "eslint": "^8.25.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.1",
     "is-ci": "^3.0.1",
     "lint-staged": "^13.0.3",
+    "postcss": "^8.4.18",
     "prettier": "^2.7.1",
+    "prettier-plugin-tailwindcss": "^0.1.13",
+    "tailwindcss": "^3.2.0",
+    "typescript": "^4.8.4",
     "vite": "^3.1.8"
   }
 }