Documentation Intro

Full details on my development journey and process.

• Quick link to Dorkinians Stats
• Quick link to Useful Links page

Contents of the Site

General Documentation

• Tool Commands/Shortcuts
  • Powershell Commands
  • Git Commands
  • VS Code Commands
  • Chrome Shortcuts
  • VBA Shortcuts
• Open AI and ChatGPT
  • OpenAI Links
  • ChatGPT Prompts
• Python
  • Installing Python
  • Python Scripts
• Installing and Updating Versions
  • NPM
  • Yarn
  • Node
• Package Managers
  • NPM
  • Yarn
  • PNPM
  • Switching Package Managers
• Git Fixes
  • Error: Unable to load Commits. fatal: bad object desktop.ini
  • Clearing Secrets from History

Project Set Up to Release

• Planning
  • Decide on Architecture
    • Front End Architecture
    • Back End Architecture
    • Database
    • Hosting
    • Mobile Architecture
  • Plan the UI
    • Inspiration
    • Colour Selection
• Initiation
  • Create the New App
    • CRA (Create React App)
    • Vite
    • Next.js
  • Initiate a Git Repository and link to GitHub
  • Structure and File Setup
  • GitHub Workflows
• Development
  • HTML
  • CSS
    • CSS Tips
    • CSS-in-CSS
    • Utility-First-CSS
    • CSS-in-JS
  • Security and Authentication
    • Security
    • Authentication
  • Analytics
  • Internationalisation (i18n)
  • Documentation
  • Recommended Libraries & Tools
    • State Management
    • Data Fetching
    • Routing
    • Components
    • Animations
    • Charts
    • Other Libraries
    • Image Tools, Generation and Modification
    • Other Tools
  • Framework-specific Development Tips
    • React
    • Vite
    • Next.js
  • Issues and Debugging
    • HTML, CSS and JavaScript Issues
    • React Issues
  • Deployment
• Testing
  • Testing Links
  • Static Tests
  • Unit Tests
  • Integration Tests
  • E2E Tests
  • Performance Testing
• Release Checklist
  • SEO and Meta Data
  • Favicon
  • User Experience
    • 404 Page
  • Page Speed Testing
  • Console Logs
  • Framework Specific Checks

Projects

• Dorkinians

• Useful Links