Merge pull request #30 from nojronatron/update-deps-oct24

Update deps oct24

.github/workflows/lint-gate.yml

@@ -0,0 +1,30 @@
+name: ESLint Gate
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+jobs:
+  eslint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ github.head_ref }}
+
+      - name: Setup NodeJS
+        uses: actions/setup-node@v4
+        with:
+            node-version: '20'
+
+      - name: Install ESLint
+        run: |
+          npm install eslint eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-react-refresh
+
+      - name: Run ESLint
+        run: |
+          npm run lint

.github/workflows/main.yml → .github/workflows/prettier-lint-gate.yml

@@ -4,15 +4,15 @@ on:
   pull_request:
   push:
     branches:
-      - main
+      - prettylint
 
 jobs:
   prettier:
     runs-on: ubuntu-latest
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           ref: ${{ github.head_ref }}
 
@@ -21,3 +21,7 @@ jobs:
         with:
           dry: true
           prettier_options: --check **/*.{js,scss,css,json} --single-quote --jsx-single-quote
+
+      - name: Linting
+        run: |
+          npm run lint

.gitignore

@@ -11,11 +11,27 @@
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# added by VITE
+# Logs
+logs
+*.log
+pnpm-debug.log*
+lerna-debug.log*
+
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierrc.json

@@ -2,5 +2,7 @@
   "singleQuote": true,
   "jsxSingleQuote": true,
   "semi": true,
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "useTabs": false
 }

README.md

@@ -1,21 +1,42 @@
-# Jon's Portfolio Site
+# Jon's Portfolio Site #
 
 This site began as a lab assignment while attending Code Fellows in Seattle, WA. It is now a handy storage space to showcase my projects, interests, and experiences.
 
-## Published To Netlify
-
 [![Netlify Status](https://api.netlify.com/api/v1/badges/79c5e328-bd0c-4214-840d-89c6e19b230f/deploy-status)](https://app.netlify.com/sites/portfolio-jon-rumsey/deploys)
 
+## Table of Contents ##
+
+- [Current Version](#current-version)
+- [Starter Code Source](#starter-code-source)
+- [Custom Updates](#custom-updates)
+- [Contributors](#contributors)
+
+## Current Version ##
+
+[Unreleased] - TBD
+
+- Add recent projects.
+- Refactor styling to improve accessibility.
+- Refactor layout and style for a more responsive design.
+
+[v0.3.0] - 2-October-2024
+
+- Fixed many dependency issues.
+- Moved to [Vite](https://vitejs.dev/) tooling system.
+- Updated Netlify deploy for automated publication with Vite tooling.
+
 Check out the live site on [Netlify](https://portfolio-jon-rumsey.netlify.app).
 
-## Starter Code Source
+## Starter Code Source ##
 
 The starter code for this project was cloned from project [Dorota1997/react-frontend-dev-portfolio](https://github.com/Dorota1997/react-frontend-dev-portfolio), and customized from there. Thanks to Dorota Gil, great work!
 
-## Contributors
+## Custom Updates ##
 
-Content: Jon Rumsey
+- Moved away from Create React App, replaced with Vite.
+- Moved files and updated JS files to JSX for Vite processing.
+- Fixed SCSS `@import` issues with `@use` or `stylesheet` refs in `index.html` instead.
 
-Lead Developer: Jon Rumsey
+## Contributors ##
 
-Test Engineer: Jon Rumsey
+Content Creator, UX and Accessibility Design, JS/React Developer, Test Engineer, and DevOps Engineer: Jon Rumsey [nojronatron](https://github.com/nojronatron).

eslint.config.js

@@ -0,0 +1,39 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import react from 'eslint-plugin-react'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+
+export default [
+  { ignores: ['dist'] },
+  {
+    files: ['**/*.{js,jsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    settings: { react: { version: '18.3' } },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...react.configs.recommended.rules,
+      ...react.configs['jsx-runtime'].rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/jsx-no-target-blank': 'off',
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+      'react/display-name': 'off',
+    },
+  },
+]

index.html

@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <title>Jon Rumsey | Full Stack Developer</title>
+  <meta charset="utf-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="Portfolio template made by Dorota1997, available at GitHub"
+    content="React web site bootstrapped using VITE" />
+
+  <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
+  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
+    integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
+    rel="stylesheet">
+</head>
+
+<body data-theme="light">
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+
+  <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
+  <script type="module" src="/src/index.jsx"></script>
+</body>
+
+</html>