Re-coded template

.dockerignore

@@ -0,0 +1,22 @@
+node_modules
+npm-debug.log
+.git
+.gitignore
+README.md
+.env
+.env.local
+.env.development
+.env.test
+.env.production
+.nyc_output
+coverage
+.coverage
+.cache
+dist
+.vscode
+.DS_Store
+.storybook
+storybook-static
+e2e
+playwright-report
+test-results

.env.example

@@ -0,0 +1,11 @@
+# Environment Configuration
+# 
+# All environment variables use VITE_ prefix for both development and Docker deployment
+# For Docker: docker run -e VITE_API_URL=https://api.example.com -e VITE_OAUTH_CLIENT_ID=your-id your-app
+
+VITE_API_URL=http://localhost:3001/api
+VITE_APP_NAME=React App
+VITE_ENV=development
+VITE_VERSION=1.0.0
+VITE_OAUTH_TOKEN_URL=http://localhost:3001/oauth/token/
+VITE_OAUTH_CLIENT_ID=your-client-id

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,8 +1,50 @@
-## Purpose
-_Describe the problem or feature_
+# Pull Request
 
-## Further info
-_Other important information related to the ticket_
+## Summary
+<!-- Brief description of what this PR accomplishes -->
 
-## Ticket number
-_PLAT-999_
+## Type of Change
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+- [ ] Documentation update
+- [ ] Refactor (no functional changes, no api changes)
+- [ ] Performance improvement
+- [ ] Test coverage improvement
+
+## Changes Made
+<!-- List the specific changes made in this PR -->
+- 
+- 
+- 
+
+## Testing
+- [ ] Tests pass locally (`npm run test`)
+- [ ] E2E tests pass (`npm run test:e2e`)
+- [ ] Manual testing completed
+- [ ] No console errors or warnings
+
+## Code Quality
+- [ ] Code follows established patterns in `CODING_STYLE.md`
+- [ ] TypeScript compilation passes (`npm run build`)
+- [ ] Linting passes (`npm run lint`)
+- [ ] No debug statements (console.log, etc.)
+- [ ] JSDoc documentation added for new components/functions
+
+## Documentation
+- [ ] `README.md` updated if needed
+- [ ] `CLAUDE.md` updated with implementation details
+- [ ] `CODING_STYLE.md` updated if new patterns introduced
+- [ ] Component stories added/updated if UI changes
+
+## Screenshots/GIFs
+<!-- Add screenshots or GIFs for UI changes -->
+
+## Checklist
+- [ ] PR title clearly describes the change
+- [ ] Branch is up to date with base branch
+- [ ] All merge conflicts resolved
+- [ ] Ready for review
+
+## Additional Notes
+<!-- Any additional context, concerns, or notes for reviewers -->

.gitignore

@@ -1,25 +1,43 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/src/clients/
-package-lock.json
-yarn.lock
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-# production
-/dist
+node_modules
+dist
+dist-ssr
 
-# misc
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
 
-npm-debug.log*
+# Environment files (all env files)
+.env*
+!.env.example
+
+# Lock files (use npm ci for consistent installs)
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
 
-.npmrc
+# Testing
+coverage
+.coverage
+.nyc_output
+test-results/
+playwright-report/
 
-#IDE
-.idea/
-.vscode/
+# Storybook
+*storybook.log
+storybook-static

.storybook/main.ts

@@ -0,0 +1,20 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  "stories": [
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
+  "addons": [
+    "@chromatic-com/storybook",
+    "@storybook/addon-docs",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-a11y",
+    "@storybook/addon-vitest"
+  ],
+  "framework": {
+    "name": "@storybook/react-vite",
+    "options": {}
+  }
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,21 @@
+import type { Preview } from '@storybook/react-vite'
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+       color: /(background|color)$/i,
+       date: /Date$/i,
+      },
+    },
+
+    a11y: {
+      // 'todo' - show a11y violations in the test UI only
+      // 'error' - fail CI on a11y violations
+      // 'off' - skip a11y checks entirely
+      test: 'todo'
+    }
+  },
+};
+
+export default preview;

.storybook/vitest.setup.ts

@@ -0,0 +1,7 @@
+import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
+import { setProjectAnnotations } from '@storybook/react-vite';
+import * as projectAnnotations from './preview';
+
+// This is an important step to apply the right configuration when testing your stories.
+// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
+setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);