feat: initialize zhixing-web with React, React Router, and Tailwind CSS
- Set up the main application structure with App component and routing. - Implemented global state management for UI theme using Zustand. - Created API utilities for fetching system status. - Developed system status page with responsive design and theme toggle. - Added testing setup with Vitest and initial tests for system status page. - Configured TypeScript with appropriate settings for the application. - Integrated Tailwind CSS for styling and responsive design. - Established Vite configuration for development and testing environments.
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
name: ${COMPOSE_PROJECT_NAME:-zhixing-system-dev}
|
||||
|
||||
services:
|
||||
server:
|
||||
build:
|
||||
context: ./zhixing-server
|
||||
target: development
|
||||
environment:
|
||||
ZHIXING_APP_ENV: ${ZHIXING_APP_ENV:-development}
|
||||
ZHIXING_LOG_LEVEL: ${ZHIXING_LOG_LEVEL:-INFO}
|
||||
init: true
|
||||
ports:
|
||||
- "${ZHIXING_SERVER_PORT:-8000}:8000"
|
||||
volumes:
|
||||
- ./zhixing-server:/app
|
||||
- server-venv:/app/.venv
|
||||
healthcheck:
|
||||
test:
|
||||
- CMD
|
||||
- python
|
||||
- -c
|
||||
- "import urllib.request; urllib.request.urlopen('http://127.0.0.1:8000/healthz')"
|
||||
interval: 5s
|
||||
timeout: 3s
|
||||
retries: 10
|
||||
start_period: 5s
|
||||
|
||||
web:
|
||||
build:
|
||||
context: ./zhixing-web
|
||||
target: development
|
||||
depends_on:
|
||||
server:
|
||||
condition: service_healthy
|
||||
environment:
|
||||
VITE_DEV_API_TARGET: http://server:8000
|
||||
init: true
|
||||
ports:
|
||||
- "${ZHIXING_WEB_PORT:-5173}:5173"
|
||||
volumes:
|
||||
- ./zhixing-web:/app
|
||||
- web-node-modules:/app/node_modules
|
||||
|
||||
volumes:
|
||||
server-venv:
|
||||
web-node-modules:
|
||||
|
||||
Reference in New Issue
Block a user