Greg
f5c37615ab
- 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>
17 lines
1.1 KiB
Markdown
17 lines
1.1 KiB
Markdown
# React + Vite
|
|
|
|
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
|
|
Currently, two official plugins are available:
|
|
|
|
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
|
|
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
|
|
## React Compiler
|
|
|
|
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
|
|
|
|
## Expanding the ESLint configuration
|
|
|
|
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
|