- Added package.json with dependencies for React, Vite, TypeScript, and ESLint. - Included Vite logo SVG and React logo SVG in the public and assets directories respectively. - Created main application component (App.tsx) with basic structure and state management. - Added global styles in index.css and component-specific styles in App.css. - Configured TypeScript with tsconfig files for app and node environments. - Set up Vite configuration for development server with specified host and port.
44 lines
888 B
YAML
44 lines
888 B
YAML
services:
|
|
client:
|
|
container_name: react-client
|
|
build: ./client
|
|
ports:
|
|
- "5001:5001"
|
|
environment:
|
|
- CHOKIDAR_USEPOLLING=true
|
|
volumes:
|
|
- ./client:/app
|
|
- /app/node_modules
|
|
restart: unless-stopped
|
|
|
|
bikelane-backend:
|
|
container_name: bikelane-backend
|
|
build: ./backend
|
|
ports:
|
|
- "5002:5002"
|
|
environment:
|
|
DB_HOST: mysql
|
|
DB_USER: root
|
|
DB_PASSWORD: D7Ze0lwV9hMrNQHdz1Q8yi0MIQuOO8
|
|
DB_NAME: bikelane
|
|
depends_on:
|
|
- mysql
|
|
volumes:
|
|
- ./backend:/bikelane-backend
|
|
restart: unless-stopped
|
|
|
|
mysql:
|
|
container_name: mysql-db
|
|
image: mysql:8.0
|
|
restart: unless-stopped
|
|
environment:
|
|
MYSQL_ROOT_PASSWORD: D7Ze0lwV9hMrNQHdz1Q8yi0MIQuOO8
|
|
MYSQL_DATABASE: bikelane
|
|
volumes:
|
|
- mysql-data:/var/lib/mysql
|
|
ports:
|
|
- "3306:3306"
|
|
|
|
volumes:
|
|
mysql-data:
|