- Created Vite + React 19.2 project in frontend/ directory - Installed and configured Tailwind CSS v4 with @tailwindcss/postcss - Configured PostCSS with Tailwind and Autoprefixer - Added Tailwind directives to index.css (@tailwind base/components/utilities) - Created sample landing page component demonstrating Tailwind styles - ESLint pre-configured for React/JavaScript (by Vite) - Added SESSION_STATUS.md tracking Epic 1 progress All acceptance criteria met: ✅ Vite project created in frontend/ directory ✅ React 18+ configured (19.2.0 installed) ✅ Tailwind CSS installed and configured ✅ Base Tailwind directives in main CSS file ✅ Sample component with Tailwind styles working ✅ ESLint configured for React/JavaScript ✅ Build and lint scripts verified working ✅ Package.json scripts: dev, build, preview, lint Fixed: Updated to @tailwindcss/postcss for Tailwind CSS v4 compatibility 🤖 Generated with Claude Code (https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
30 lines
758 B
JavaScript
30 lines
758 B
JavaScript
import js from '@eslint/js'
|
|
import globals from 'globals'
|
|
import reactHooks from 'eslint-plugin-react-hooks'
|
|
import reactRefresh from 'eslint-plugin-react-refresh'
|
|
import { defineConfig, globalIgnores } from 'eslint/config'
|
|
|
|
export default defineConfig([
|
|
globalIgnores(['dist']),
|
|
{
|
|
files: ['**/*.{js,jsx}'],
|
|
extends: [
|
|
js.configs.recommended,
|
|
reactHooks.configs.flat.recommended,
|
|
reactRefresh.configs.vite,
|
|
],
|
|
languageOptions: {
|
|
ecmaVersion: 2020,
|
|
globals: globals.browser,
|
|
parserOptions: {
|
|
ecmaVersion: 'latest',
|
|
ecmaFeatures: { jsx: true },
|
|
sourceType: 'module',
|
|
},
|
|
},
|
|
rules: {
|
|
'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
|
|
},
|
|
},
|
|
])
|