A comprehensive platform for oceanographic researchers to visualize Argo float data and interact with an AI assistant specialized in marine science.
- React: Modern frontend framework for building responsive user interfaces
- Node.js + Express: Backend server for API routing and data management
- FastAPI + Python: High-performance API for AI chatbot and data processing
- Docker: Containerization for consistent deployment across environments
- Tailwind CSS: Utility-first CSS framework for rapid UI development
- OpenAI API: Powers the intelligent oceanographic chatbot assistant
- Interactive Globe Visualization: 3D visualization of oceanographic data with date-based filtering
- AI-Powered Chatbot: Specialized assistant for oceanographic research queries and data analysis
- Real-time Data Access: Integration with ERDDAP and ArgoVis APIs for live oceanographic data
- Multi-user Authentication: Secure user management with Clerk integration
- Node.js 18+ and npm
- Python 3.13+
- uv (Python package manager)
Windows:
# Install dependencies for all services
cd client
npm install
cd ..\nodejs-server
npm install
cd ..\fastapi-server
uv sync
cd ..
# Start services (run each in separate terminals)
# Terminal 1 - Frontend
cd client
npm run dev
# Terminal 2 - Node.js Backend
cd nodejs-server
npm run dev
# Terminal 3 - FastAPI Backend
cd fastapi-server
uv run -m app.mainmacOS/Linux:
# Install dependencies for all services
cd client && npm install && cd ..
cd nodejs-server && npm install && cd ..
cd fastapi-server && uv sync && cd ..
# Start services (run each in separate terminals)
# Terminal 1 - Frontend
cd client && npm run dev
# Terminal 2 - Node.js Backend
cd nodejs-server && npm run dev
# Terminal 3 - FastAPI Backend
cd fastapi-server && uv run -m app.main- Frontend: http://localhost:5173
- Node.js API: http://localhost:3000
- FastAPI: http://localhost:8000