Refactored Solutions and Cases sections to use markdown data sources instead of hardcoded arrays, improving content maintainability and enabling easier updates by non-technical team members.
Changes:
- Created solutionsData.ts with markdown-based data loader for Solutions section
- Created casesData.ts with markdown-based data loader for Cases section
- Updated SolutionsSection component to load data from markdown source
- Updated CasesSection component to load data from markdown source
- Added comprehensive MARKDOWN_CONTENT_GUIDE.md documentation
Benefits:
- Content and code separation for better maintainability
- YAML front matter provides structured metadata management
- Easy content updates without touching component code
- Version control friendly with Git tracking
- Non-technical team members can edit content easily
Technical details:
- Custom YAML front matter parser for metadata extraction
- Type-safe TypeScript interfaces for data consistency
- Async loading with React state management
- Icon mapping system for lucide-react icons
- Support for ordering, categorization, and filtering
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <[email protected]>
- Add AIAssistant component for intelligent user support
- Implement EnhancedSearchModal with improved search functionality
- Introduce LazyImage component for optimized image loading
- Update HeroSection with responsive design classes
- Modify Navigation to support dynamic base paths for production
- Update Dockerfile with optimized multi-stage build and health checks
- Configure docker-compose.yml with proper port mapping
- Add comprehensive responsive CSS classes in index.css
- Update routing configuration in App.tsx and main.tsx
- Add development documentation in CLAUDE.md and QWEN.md
- Configure build process with environment-specific base paths
- Add optimization roadmap documentation
Co-authored-by: Qwen-Coder <[email protected]>
- Update IndustryNews page with AI summary indicators
- Enhance NewsDetail page with AI summary identification
- Completely remove mock data from newsService
- Add smart-elderly-care category support
- Include frontend API test utility
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Remove all mock data from frontend, use only real API data
- Add 10 new medical/health RSS sources (医谷, 器械之家, etc.)
- Implement AI-powered summary generation using local Ollama qwen3:32b
- Fix CORS configuration to support cross-origin requests
- Optimize multi-tier keyword classification algorithm
- Add automatic image acquisition with quality filtering
- Update environment variables for proper API connectivity
- Clean up data inconsistencies between frontend and backend
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Enhanced Navigation.tsx with 8 company dropdown menu items
- Added proper routing for all company pages in App.tsx
- Created 8 comprehensive company pages:
* AboutPage: Mission, vision, values, and achievements
* TeamPage: Executive profiles and department overview
* HistoryPage: Company timeline and milestones
* CareersPage: Job openings, benefits, and HR contact
* NewsPage: Company news and media contact
* InvestorsPage: Financial metrics and investor relations
* CSRPage: Social responsibility and environmental initiatives
* ContactPage: Contact forms and office locations
- All pages feature consistent design with theme support
- Implemented Framer Motion animations and responsive design
- Added comprehensive content with realistic company information
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Replaced JavaScript-based scrolling with CSS animations to eliminate stuttering
- Added smooth CSS keyframe animation for seamless infinite scroll
- Enhanced partner logos with better styling and hover effects
- Added theme support for light/dark modes
- Included partnership statistics section
- Added pause-on-hover functionality for better UX
- Expanded partner list with more realistic company names
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Fixed missing closing div tag that was causing unterminated JSX contents error
- Corrected indentation and JSX structure
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
## Features Added
- **Industry News Navigation**: Added "业界动态" menu with dropdown categories
- **News Crawler Service**: Standalone Node.js service for RSS feed crawling
- **Real-time Content**: Crawls healthcare, robotics, and industry news from multiple sources
- **Smart Categorization**: AI-powered content classification system
- **Markdown Content**: Converts news content to markdown format for blog-style display
- **News Detail Pages**: Full article view with syntax highlighting and related articles
- **API Integration**: RESTful API with caching, authentication, and real-time updates
## Technical Implementation
- Express.js API server with SQLite database
- RSS parser with content extraction and deduplication
- Intelligent categorization using keyword matching and scoring
- React components with TypeScript for news display
- Markdown rendering with react-markdown and syntax highlighting
- Responsive design with Tailwind CSS and Framer Motion animations
- Automated scheduling for content updates every 30 minutes
## Data Sources
- 36氪 (investment and healthcare news)
- 雷锋网 (AI and robotics technology)
- 亿欧网 (industry trends)
- 动脉网 (medical robotics)
- 机器之心 (AI and deep learning)
- Additional healthcare policy sources
## User Experience
- Click-to-read news cards with category filtering
- Real-time statistics dashboard
- Search and filtering capabilities
- Mobile-responsive design
- Blog-style article reading experience
- Share functionality and related article suggestions
The system successfully crawls and displays real industry news content,
replacing mock data with live updates from major Chinese tech and healthcare publications.
- Add Vite import.meta.glob based content loader for efficient markdown processing
- Create separate content directories (blog, articles, docs) under src/content/
- Implement unified content data adapter with type safety
- Add 404 error page with navigation back functionality
- Fix blog and articles routing to support both content types
- Add comprehensive markdown files with frontmatter metadata
- Support for AI-friendly content structure for future translation/summarization
- Replace HTTP-based markdown loading with build-time static analysis
- Maintain backward compatibility with existing BlogPost interfaces
Benefits:
- Individual markdown file maintenance for easier AI processing
- High-performance content loading with Vite's native capabilities
- Type-safe content handling with comprehensive interfaces
- Proper separation of blog posts and technical articles
- Enhanced user experience with proper 404 handling
- Add theme context to DocsSection with light/dark background switching
- Update all remaining homepage sections to properly support theme toggle
- Fix hardcoded dark theme colors throughout homepage sections
All homepage sections now properly respond to theme changes:
✅ HeroSection - Light blue gradients vs dark theme
✅ ProductsSection - White cards vs glass effects
✅ SolutionsSection - Clean light backgrounds vs dark gradients
✅ BlogSection - Light backgrounds vs dark theme
✅ DocsSection - White backgrounds vs dark theme
Theme toggle now works correctly across the entire homepage.
Users can seamlessly switch between light and dark modes.
- Update HeroSection with theme context and light theme styling
- Update ProductsSection with theme-aware backgrounds and text colors
- Update SolutionsSection with responsive theme styling
- Update BlogSection with theme context integration
- Add proper light theme backgrounds, text colors, and transitions
- Fix hardcoded dark theme styling in homepage sections
Now homepage sections properly respond to theme toggle:
- Hero: Light blue gradient background vs dark theme
- Products: White cards with shadows vs glass effect
- Solutions: Clean light backgrounds vs dark gradients
- Blog: Light gray backgrounds vs dark theme
Resolves theme switching issues on homepage sections.
- Add user profile page (/profile) with comments, favorites, and replies tabs
- Implement authenticated comment system with nested replies and @mentions
- Create favorites system with context and persistent storage
- Add reusable favorite button component for blog/article/doc collections
- Integrate user menu with profile navigation in desktop and mobile
- Replace existing comment system in blog detail with authenticated version
- Support user roles (admin, developer, user) with visual indicators
- Add responsive design with dark theme support
- Include comment likes, reply threading, and user avatars
- Implement localStorage-based data persistence for favorites and user data
Components added:
- UserProfile.tsx: Main user homepage with tabbed interface
- CommentSystem.tsx: Full-featured commenting with authentication
- FavoriteButton.tsx: Reusable bookmark/heart button
- FavoritesContext.tsx: State management for user favorites
Enhanced existing components:
- Navigation.tsx: Added profile links in user menu
- UserMenu.tsx: Added profile navigation link
- BlogDetail.tsx: Integrated new comment and favorite systems
- App.tsx: Added profile route
- main.tsx: Added FavoritesProvider to context hierarchy
- Create DocDetail.tsx with blog-style layout for documentation
- Add comprehensive markdown rendering with SectionTags and FloatingTableOfContents
- Fix "阅读文档" button functionality with proper routing to /docs/:docId
- Add document IDs to all documentation categories in DocsHome
- Implement unified markdown system for both blog and documentation content
- Add enhanced section tag matching for documentation-specific headings
- Fix React infinite loop issue by moving docContent outside component
- Support code highlighting, tables, and interactive features for docs
## Major Features Added
### 📊 Professional Chart Components
- **HealthMonitoringChart**: 24-hour vital signs monitoring with interactive data visualization
- **CaseStudyComparisonChart**: Before/after comparison with hover effects and improvement percentages
- **MarketTrendChart**: Multi-dimensional trend analysis with area charts, line graphs, and bars
- **AISystemArchitectureChart**: Interactive system architecture with clickable layer details
- **SimpleBarChart**: Technology maturity analysis with animated progress bars
### 💬 Complete Comment System
- **Star Rating System**: 5-star rating with half-star support and hover effects
- **Nested Comments**: Multi-level reply system with depth control (max 3 levels)
- **Comment Management**: Edit, delete, like/unlike functionality with real-time updates
- **Advanced Features**: Comment sorting, statistics dashboard, user engagement metrics
- **Responsive Design**: Mobile-optimized with touch-friendly interactions
### 🔧 Technical Implementation
- **Zero External Dependencies**: Native SVG rendering with React and Framer Motion
- **Markdown Integration**: Chart placeholders ({{CHART:type}}) automatically rendered
- **TypeScript Support**: Complete type definitions for all components
- **Modular Architecture**: Highly reusable and extensible component system
- **Performance Optimized**: Efficient rendering with smooth animations
### 📚 Documentation & Examples
- **Comprehensive Guide**: CHART_COMPONENTS_GUIDE.md with usage examples
- **Multiple Integration Methods**: Placeholder, direct import, and MDX support
- **Customization Options**: Theme, data source, and layout configurations
- **Best Practices**: Performance tips and accessibility guidelines
### 🎨 Design System
- **Consistent Theming**: Dark mode with cyan-blue gradient accent colors
- **Glass Morphism**: Modern backdrop blur effects with subtle borders
- **Smooth Animations**: Framer Motion powered transitions and micro-interactions
- **Responsive Layout**: Mobile-first design with adaptive breakpoints
### 📈 Blog Integration
- **AI Health Monitoring**: 4 integrated charts showing system capabilities
- **Smart Watch Insights**: Health monitoring and case study visualizations
- **Care Robots**: Investment ROI and implementation effectiveness charts
- **Data Platform Security**: System architecture and technology maturity analysis
This update transforms the blog into a professional data-driven platform with
interactive visualizations and comprehensive user engagement features.
- Fix navigation smooth scroll to work from any page
- Update all navigation links to use absolute paths (/website/#section)
- Improve mobile navigation with proper Link components for routes
- Add interactive table of contents to blog detail pages
- Enhance markdown rendering with better table support and styling
- Add colorful tag system and improved code block styling
- Fix double /website/ issue in URLs
- Update all navigation links to use relative paths
- Fix product card links and navigation dropdown links
- Update return home links in detail pages
Now URLs will be correct:
- /website/product/smart-wearables (not /website/website/product/...)
- /website/solution/eldercare (not /website/website/solution/...)
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
✨ Features:
- Make entire product cards clickable for better UX
- Add comprehensive solution detail pages for all 4 solutions
- Update navigation dropdown links to point to specific pages
- Add routing for solution detail pages
🎯 Solutions Added:
- 智慧养老解决方案 (/solution/eldercare)
- 数字医院健康管理 (/solution/hospital)
- 企业EHS健康保障 (/solution/corporate)
- 科研数据服务 (/solution/research)
🔗 Navigation Improvements:
- Product dropdown links to specific product pages
- Solution dropdown links to specific solution pages
- Improved link handling for React Router vs anchor links
- Better hover states and transitions
📱 UX Enhancements:
- Entire product cards now clickable
- Smooth navigation between pages
- Consistent styling across all detail pages
- Tabbed content organization for easy browsing
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
✨ Features:
- Create detailed product pages for all core products (Wearables, Robots, Platform)
- Add comprehensive product information with specs, features, and use cases
- Implement tabbed navigation for organized content display
- Add product model comparison with pricing and specifications
🎨 UI/UX:
- Beautiful product detail layout with hero sections
- Interactive tabs for different content sections (Overview, Models, Features, Use Cases, Support)
- Product model selection with detailed specs comparison
- Responsive design for all screen sizes
- Animated transitions and hover effects
🔗 Navigation:
- Add routing for product detail pages (/product/:productId)
- Update ProductsSection links to navigate to detail pages
- Add breadcrumb navigation with back to home
📊 Content:
- Detailed product specifications and features
- Multiple product models with pricing
- Use case scenarios and benefits
- Certification and support information
- Professional service details
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
✨ Features:
- Add markdown parsing for AI responses with beautiful formatting
- Implement streaming responses for much faster feedback
- Add animated typing indicator with better UX
- Optimize system prompt for concise, structured responses
🎨 UI/UX:
- Markdown-formatted responses with proper headings, lists, and styling
- Real-time streaming text appears as AI types
- Professional typing animation with bouncing dots
- Better visual hierarchy with colors for headings and emphasis
⚡ Performance:
- Streaming responses start appearing immediately
- No more waiting for full response before display
- Much better perceived performance
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Remove static config object that was initialized at module load time
- Make URL detection happen on each API call
- Fix all references to use dynamic URL and model detection
- Ensure remote access uses the correct hostname
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Auto-detect and use correct Ollama URL based on access method
- Add detailed logging for debugging connection issues
- Improve error messages with specific troubleshooting steps
- Support both local and remote access dynamically
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Add script to start Ollama with CORS enabled
- Add proxy server option for environments without CORS support
- Document CORS configuration in scripts
Note: Run './scripts/start-ollama-cors.sh' or set OLLAMA_ORIGINS='*' when starting Ollama
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Replace process.env with import.meta.env for Vite compatibility
- Configure to use qwen3:32b model
- Add .env.local for environment configuration
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Add consultation modal component with chat interface
- Create LLM service for connecting to local Ollama
- Integrate Qwen model support (7B/14B/32B variants)
- Add knowledge base preparation script
- Create comprehensive Qwen training documentation
- Add Ollama setup and configuration script
- Update translations for consultation feature (zh/en/de)
- Generate OmniVerse company knowledge base data
Features:
- Real-time chat with AI health consultant
- Support for multiple Qwen model sizes
- RAG-ready knowledge base structure
- Complete deployment and training guide
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Add German translations for blog section
- Add German translations for docs section
- Add German translations for cases section
- Add German translations for navigation dropdowns
- Ensure full i18n support for zh, en, and de languages
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Added DEPLOY.md with detailed deployment instructions
- Created Dockerfile for containerized deployment
- Added docker-compose.yml for easy Docker deployment
- Created deploy.sh automated deployment script
- Added .dockerignore to optimize Docker builds
This ensures all dependencies are properly installed on remote servers
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
Features:
- React Router DOM integration for navigation
- Individual blog post detail pages with rich content
- Markdown rendering with syntax highlighting
- Social sharing functionality
- Comments and engagement features
- Related posts suggestions
- Comprehensive blog data structure
- Full internationalization support
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Created comprehensive Navigation component with dropdowns
- Added Blog section with rich content cards and filtering
- Added Docs section with categorized documentation
- Full internationalization support for all new sections
- Responsive design with mobile menu
- Smooth scroll functionality
- Glass morphism effects and animations
🤖 Generated with Claude Code
Co-Authored-By: Claude <[email protected]>
GitHub Action
bruno
root
BrunoGaoandClaude