roottool / portfolio

My portfolio with React and Typescript

🤖 Hi there👋, I'm roottool!

📳 Social links

📖 My data

portfolio's Issues

Convert from Netlify to Vercel

Convert from `TSLint` to `ESLint`

Upgrade React from 17 to 18

Convert Next.js from Page Router to App Router

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): lock file maintenance

Detected dependencies

devcontainer

.devcontainer/devcontainer.json

• mcr.microsoft.com/devcontainers/typescript-node 1-18-bullseye
• ghcr.io/devcontainers/features/common-utils 2
• ghcr.io/devcontainers/features/git 1

github-actions

.github/actions/setup-bun/action.yml

• oven-sh/setup-bun v2@123c6c4e2fea3eb7bffaa91a85eb6b3d505bf7af
• actions/cache v4.0.2@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9
• actions/cache v4.0.2@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9

.github/actions/setup-node-and-pnpm/action.yml

• actions/setup-node v4.0.2@60edb5dd545a775178f52524783378180af0d1f8
• actions/cache v4.0.2@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9
• actions/cache v4.0.2@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9

.github/workflows/assign.yml

• kentaro-m/auto-assign-action v2.0.0@f4648c0a9fdb753479e9e75fc251f507ce17bb7e

.github/workflows/ci.yml

• actions/checkout v4.1.7@692973e3d937129bcbf40652eb9f2f61becf3332
• dorny/paths-filter v3.0.2@de90cc6fb38fc0963ad72b210f1f284cd68cea36
• actions/checkout v4.1.7@692973e3d937129bcbf40652eb9f2f61becf3332
• actions/checkout v4.1.7@692973e3d937129bcbf40652eb9f2f61becf3332
• actions/checkout v4.1.7@692973e3d937129bcbf40652eb9f2f61becf3332
• actions/checkout v4.1.7@692973e3d937129bcbf40652eb9f2f61becf3332
• codecov/codecov-action v4.5.0@e28ff129e5465c2c0dcc6f003fc735cb6ae0c673

.github/workflows/codeql.yml

• actions/checkout v4.1.7@692973e3d937129bcbf40652eb9f2f61becf3332
• github/codeql-action v3.25.10@23acc5c183826b7a8a97bce3cecc52db901f8251
• github/codeql-action v3.25.10@23acc5c183826b7a8a97bce3cecc52db901f8251
• github/codeql-action v3.25.10@23acc5c183826b7a8a97bce3cecc52db901f8251

.github/workflows/scorecards-analysis.yml

• actions/checkout v4.1.7@692973e3d937129bcbf40652eb9f2f61becf3332
• ossf/scorecard-action v2.3.3@dc50aa9510b46c811795eb24b2f1ba02a914e534
• actions/upload-artifact v4.3.3@65462800fd760344b1a7b4382951275a0abb4808
• github/codeql-action v3.25.10@23acc5c183826b7a8a97bce3cecc52db901f8251

.github/workflows/snyk.yml

• actions/checkout v4.1.7@692973e3d937129bcbf40652eb9f2f61becf3332
• snyk/actions a1346e4eaf761d462da22c34c681dc06849b6851
• github/codeql-action v3.25.10@23acc5c183826b7a8a97bce3cecc52db901f8251

npm

package.json

• @radix-ui/react-slot 1.1.0
• @radix-ui/react-toolbar 1.1.0
• @stitches/react 1.2.8
• class-variance-authority 0.7.0
• clsx 2.1.1
• ky 1.4.0
• next 14.2.4
• react 18.3.1
• react-dom 18.3.1
• react-error-boundary 4.0.13
• react-icons 5.2.1
• swr 2.2.5
• tailwind-merge 2.3.0
• tailwindcss-animate 1.0.7
• valibot 0.35.0
• @next/env 14.2.4
• @next/eslint-plugin-next 14.2.4
• @testing-library/jest-dom 6.4.6
• @testing-library/react 16.0.0
• @trivago/prettier-plugin-sort-imports 4.3.0
• @types/node 20.14.9
• @types/react 18.3.3
• @types/react-dom 18.3.0
• @vitejs/plugin-react 4.3.1
• @vitest/coverage-v8 1.6.0
• autoprefixer 10.4.19
• cssnano 7.0.3
• eslint 9.5.0
• eslint-config-flat-gitignore 0.1.5
• eslint-import-resolver-typescript 3.6.1
• eslint-plugin-jsx-a11y 6.9.0
• eslint-plugin-react 7.34.3
• eslint-plugin-react-hooks 4.6.2
• eslint-plugin-unused-imports 4.0.0
• globals 15.6.0
• happy-dom 14.12.3
• husky 9.0.11
• is-ci 3.0.1
• lint-staged 15.2.7
• msw 2.3.1
• npm-run-all2 6.2.0
• postcss 8.4.38
• prettier 3.3.2
• rimraf 5.0.7
• tailwindcss 3.4.4
• typescript 5.5.2
• typescript-eslint 7.14.1
• vitest 1.6.0
• node ^20.13.1
• pnpm 9.4.0

---

• Check this box to trigger a request for Renovate to run again on this repository

Convert components from class to function

• App
• Components
  • Backdrop
  • LazyImage
  • Navbar
  • SideDrawer
  • EmptyTableRow
  • GameInfoContents
  • GameInfoTableWrapped
  • TablePaginationActionsWrapped
• Pages
  • About
  • Hobbies
  • Home
  • Skills
  • Works

Convert from `create-react-app` to `Next.js`

Blocked

• #30

Convert from MUI v4 to other UI library

Refs

• https://vercel.com/roottool/portfolio/GhfPvrQuCg2YXpgtwNy5nLvAD5Wr
• https://github.com/roottool/portfolio/actions/runs/5107505731/jobs/9180468139?pr=703

Library List

• MUI v5
• Radix UI
• shadcn/ui
• NextUI
• Chakra UI
• others

Code pointer

• portfolio/src/pages/works/index.page.tsx

  Lines 1 to 2 in 60b8eb3

  	import { Button, Card, CardActions, CardContent, Grid, Typography } from '@material-ui/core'
  	import { createStyles, withStyles, type WithStyles } from '@material-ui/core/styles'

• portfolio/src/components/templates/Hobbies/index.tsx

  Line 1 in 60b8eb3

  import { Typography, Paper, CircularProgress } from '@material-ui/core'

• portfolio/src/components/organisms/GameInfoList/GameInfoListItem.tsx

  Lines 1 to 2 in 60b8eb3

  	import { Typography } from '@material-ui/core'
  	import { OpenInNew } from '@material-ui/icons'

• portfolio/src/components/layouts/FetchErrorBoundary/index.tsx

  Line 1 in 60b8eb3

  import { Typography } from '@material-ui/core'

• portfolio/src/pages/skills/index.page.tsx

  Lines 1 to 2 in 60b8eb3

  	import { Card, CardContent, Grid, Typography } from '@material-ui/core'
  	import { createStyles, withStyles, type WithStyles } from '@material-ui/core/styles'

• portfolio/src/pages/about/index.page.tsx

  Lines 1 to 2 in 60b8eb3

  	import { Card, CardContent, Grid } from '@material-ui/core'
  	import { createStyles, withStyles, type Theme, type WithStyles } from '@material-ui/core/styles'