README.md

noahtigner.github.io

Noah Tigner's Portfolio Website

Checklist:

• Scaffold React / TypeScript project with Vite
• Configure Prettier
• Configure ESLint
• Configure Vitest
• Add new scripts to package.json & README
• Configure Husky pre-commit hooks
• Configure CICD for Github Pages
  • quality.yml: Checks formatting, lints, and tests code
  • codeql.yml: Checks for security vulnerabilities
  • dependabot.yml: Checks for outdated dependencies
  • deploy.yml: Builds and deploys to Github Pages
• Remove Vite placeholders
• Set up basic SEO and meta info
  • Set up meta tags
  • Set up Open Graph Protocol (OGP) tags and preview image. Open Graph Debugger
  • Improve SEO
• Choose color palette and font family
• Configure UI Library
  • Choose Library
    • Material UI ✅
    • Chakra UI
    • Mantine
    • Tailwind
  • Configure
• Build UI
  • Intro or Hero section
  • Card component for portfolio items
  • Timeline component for experience / work history
  • Contact Section
    • Contact Dropdown
    • Contact Footer
• Optimization
  • skeletons for sections and components
  • optimize images
  • lazy-load sections
  • lazy-load images
• Telemetry & Analytics
• Pull data from Github???
• Test
  • Unit / Component Testing
  • Accessibility Testing

Available Scripts:

• npm run dev - Runs the app in the development mode.
• npm run build - Builds the app for production to the dist folder.
• npm run preview - Serves the production build from the dist folder.
• npm run lint - Checks the source code for linting issues.
• npm run lint:fix - Checks the source code for linting issues and fixes as many as possible.
• npm run format - Checks the source code for formatting issues.
• npm run format:fix - Checks the source code for formatting issues and fixes as many as possible.
• npm run test - Runs Vitest and outputs a coverage report.