LogWhispererAI

lucasacchi/LogWhispererAI

Fork 0

Commit Graph

Author	SHA1	Message	Date
Luca Sacchi Ricciardi	976dd95dc8	feat: add Docker development environment for frontend Create containerized development setup for safe and consistent frontend development: Docker Configuration: - docker-compose.yml: Root-level orchestration with frontend service - frontend/Dockerfile.dev: Node.js 20 Alpine optimized for dev - Volume mounts for Hot Module Replacement (HMR) - Named volume for node_modules to avoid conflicts - Health check to verify service availability - Environment variables for file watching (CHOKIDAR_USEPOLLING) Vite Configuration Update: - vite.config.ts: Add server config for Docker compatibility - host: '0.0.0.0' to accept external connections - usePolling: true for file watching in container - port: 5173 explicitly configured Documentation: - README.md: Add Docker development procedure section - Document docker compose up -d workflow - Explain HMR and hot-reload capabilities - List advantages of Docker-based development Usage: docker compose up -d # Start development server docker compose logs -f # View logs docker compose down # Stop container Access: http://localhost:5173 Safety First: - Isolated environment prevents system conflicts - Reproducible setup across different machines - No host Node.js installation required - Easy team onboarding Refs: Docker best practices for Node.js development	2026-04-03 14:47:36 +02:00
Luca Sacchi Ricciardi	c7b86de3fb	feat: setup React + Vite + TypeScript frontend with Tailwind CSS Initialize frontend infrastructure for Sprint 3 Landing Page: Infrastructure Setup: - Create React + Vite + TypeScript project in frontend/ directory - Install Tailwind CSS, PostCSS, Autoprefixer dependencies - Generate tailwind.config.js with content paths - Generate postcss.config.js with plugins configuration - Add Tailwind directives (@tailwind base/components/utilities) to src/index.css - Update root .gitignore to exclude frontend/node_modules and build artifacts Documentation Updates: - Add CHANGELOG.md entry for Sprint 3 Landing Page development start - Update README.md with frontend development instructions - Add Node.js and npm prerequisites - Document npm commands: install, dev, build, preview Project Structure: ├── frontend/ │ ├── src/ │ │ ├── App.tsx │ │ ├── main.tsx │ │ ├── index.css (with Tailwind) │ │ └── assets/ │ ├── index.html │ ├── package.json │ ├── tailwind.config.js │ ├── postcss.config.js │ └── vite.config.ts Safety First: - Verified directory doesn't exist before creation - Checked all configuration files are valid - Excluded node_modules from git - No project code modified, only new frontend directory added Refs: docs/frontend_landing_plan.md Next: Start developing landing page components	2026-04-03 13:20:48 +02:00

Author

SHA1

Message

Date

Luca Sacchi Ricciardi

976dd95dc8

feat: add Docker development environment for frontend

Create containerized development setup for safe and consistent frontend development:

Docker Configuration:
- docker-compose.yml: Root-level orchestration with frontend service
- frontend/Dockerfile.dev: Node.js 20 Alpine optimized for dev
- Volume mounts for Hot Module Replacement (HMR)
- Named volume for node_modules to avoid conflicts
- Health check to verify service availability
- Environment variables for file watching (CHOKIDAR_USEPOLLING)

Vite Configuration Update:
- vite.config.ts: Add server config for Docker compatibility
- host: '0.0.0.0' to accept external connections
- usePolling: true for file watching in container
- port: 5173 explicitly configured

Documentation:
- README.md: Add Docker development procedure section
- Document docker compose up -d workflow
- Explain HMR and hot-reload capabilities
- List advantages of Docker-based development

Usage:
  docker compose up -d        # Start development server
  docker compose logs -f      # View logs
  docker compose down         # Stop container

Access: http://localhost:5173

Safety First:
- Isolated environment prevents system conflicts
- Reproducible setup across different machines
- No host Node.js installation required
- Easy team onboarding

Refs: Docker best practices for Node.js development

2026-04-03 14:47:36 +02:00

Luca Sacchi Ricciardi

c7b86de3fb

feat: setup React + Vite + TypeScript frontend with Tailwind CSS

Initialize frontend infrastructure for Sprint 3 Landing Page:

Infrastructure Setup:
- Create React + Vite + TypeScript project in frontend/ directory
- Install Tailwind CSS, PostCSS, Autoprefixer dependencies
- Generate tailwind.config.js with content paths
- Generate postcss.config.js with plugins configuration
- Add Tailwind directives (@tailwind base/components/utilities) to src/index.css
- Update root .gitignore to exclude frontend/node_modules and build artifacts

Documentation Updates:
- Add CHANGELOG.md entry for Sprint 3 Landing Page development start
- Update README.md with frontend development instructions
- Add Node.js and npm prerequisites
- Document npm commands: install, dev, build, preview

Project Structure:
├── frontend/
│   ├── src/
│   │   ├── App.tsx
│   │   ├── main.tsx
│   │   ├── index.css (with Tailwind)
│   │   └── assets/
│   ├── index.html
│   ├── package.json
│   ├── tailwind.config.js
│   ├── postcss.config.js
│   └── vite.config.ts

Safety First:
- Verified directory doesn't exist before creation
- Checked all configuration files are valid
- Excluded node_modules from git
- No project code modified, only new frontend directory added

Refs: docs/frontend_landing_plan.md
Next: Start developing landing page components

2026-04-03 13:20:48 +02:00

2 Commits