Focus on enterprise software development
From technical architecture to product implementation

import { useState, useEffect } from 'react'
import { Web3Provider } from '@ethersproject/providers'
import { QueryClient } from '@tanstack/react-query'

// 全栈应用入口 - React + Web3 + AI
export default function App() {
  const [data, setData] = useState<DashboardData>()
  const { chain, account } = useWeb3()
  const ai = useAIEngine('gpt-4o')

  useEffect(() => {
    const ws = new WebSocket('wss://api.nova/ws')
    ws.onmessage = (e) => {
      const parsed = JSON.parse(e.data)
      setData(prev => ({ ...prev, ...parsed }))
    }
    return () => ws.close()
  }, [chain])

  return (
    <ThemeProvider theme={darkTheme}>
      <Web3Context provider={chain}>
        <Dashboard data={data} ai={ai} />