React
TypeScript
Tailwind CSS
Express
AI / Web Application
Four AI
A full-stack platform for AI voice generation, text-to-speech, voice changing and image generation — React and Vite frontend, serverless API and PostgreSQL.
- React
- Vite
- Hugging Face
- Neon PostgreSQL
- +1
Hugging FaceView Case Study
Case Study / AI / Cosmology / Knowledge Graph
CosmoAtlas / 6–8 months
Interactive Cosmic Knowledge Graph & AI Cosmology Platform
A full-stack scientific platform for exploring cosmic hierarchies, astronomical scale, cosmological theories, guided journeys, and AI-powered scientific reasoning.
- 27 Orders of magnitude. The scale experience traverses from human and planetary dimensions to the cosmological particle horizon.
- 6 AI endpoints. Status, explain, path, Atlas, report, and theory-compare services are exposed through a structured Express proxy layer.
- 4 Atlas UI actions. The copilot can navigate, highlight paths, compare theories, and move the scale camera through typed commands.
- React
- TypeScript
- Vite
- Tailwind CSS
- Express
- Anthropic Claude
- HTML5 Canvas
- Web Audio API
Overview
Client Overview
CosmoAtlas is designed for astrophysics students, science communicators, educators, amateur astronomers, space enthusiasts, and theoretical physics researchers who need more than static astronomy articles or an unstructured AI chat window.
Services provided
- Interactive Product Engineering
- Scientific Data Visualization
- AI Integration
- Responsive Frontend Development
Challenge
Business Challenge
The situation before the engagement, in the client's terms.
Astronomy learners and researchers had to combine static articles, specialist simulation tools, and unstructured AI chat to understand cosmic hierarchy, scale, traversals, and theoretical models together.
- 01
Disconnected cosmic taxonomy
It was difficult to see how local structures such as Earth and the Solar System nest inside the Milky Way, Laniakea, and the Observable Universe.
- 02
No relational traversal
Static search could describe objects but could not guide users through a meaningful physical path from one cosmic entity to another.
- 03
AI scientific rigor
A general-purpose chatbot can blur the distinction between observed structures, supported models, theoretical geometries, and speculative ideas.
- 04
Client-side API exposure
AI prototypes often place provider credentials in browser code, creating avoidable security and operational risks.
Objectives
Engagement Objectives
What the build needed to achieve before implementation began.
Model a unified cosmic knowledge graph across astronomical scales
Make exponential scale, chronology, and cosmic relationships explorable in real time
Secure Claude model reasoning behind server-side structured API endpoints
Enable Atlas AI to dispatch typed navigation and comparison actions into the UI
Distinguish observed, supported, theoretical, hypothetical, and speculative knowledge
Preserve complete functionality through deterministic local astrophysical fallbacks
Solution Design
How We Solved It
The approach that addressed each challenge above.
CosmoAtlas unifies graph topology, scale, chronology, theory comparison, guided traversal, and secure AI reasoning behind one responsive application architecture.
- 01
Structured cosmic graph
Typed astronomical entities and relationships provide exact hierarchy, adjacency, physical metadata, scientific consensus, and mystery context.
- 02
Agentic Atlas actions
The AI copilot returns typed actions such as NAVIGATE, HIGHLIGHT_PATH, COMPARE, and SCALE_TO instead of unstructured chat alone.
- 03
Exponential visualization
The scale navigator and canvas camera make astronomical magnitude understandable through interactive zoom, targeting, and orbital context.
- 04
Grounded scientific output
Schema-enforced explanations, reports, comparisons, and local fallbacks preserve consistent output shapes and scientific status labels.
- 05
Secure fallback architecture
Express proxies Claude model calls server-side while deterministic datasets preserve usability during missing-key, network, or rate-limit failures.
Capabilities
Key Features
What CosmoAtlas does in day-to-day use.
Cosmic knowledge graph
Explore relationships from Earth and the Solar System through galaxies, superclusters, cosmic phenomena, and theoretical cosmological models.
Atlas AI copilot
Use structured Claude model responses to answer scientific questions and dispatch navigation, path highlighting, theory comparison, and scale actions.
Multi-scale universe navigator
Traverse 27 orders of magnitude from human and planetary dimensions to the cosmological particle horizon.
Cosmic chronology and journeys
Move through a 13.8-billion-year timeline or launch narrated routes from Earth to Sagittarius A* and other cosmic destinations.
Scientific dossier generator
Generate structured trans-cosmic reports with trajectory waypoints, physical boundaries, evidence, and unresolved mysteries.
Secure resilient AI architecture
Keep Claude model credentials server-side and fall back to deterministic astrophysical knowledge when API keys or network access are unavailable.
Technology Stack
Technology Stack
- React 19
- TypeScript 5.8
- Vite 6
- Tailwind CSS 4
- Claude Models
- Claude API
- Structured JSON Schema
- Server-side AI Proxy
- HTML5 Canvas 2D
- Cosmic Knowledge Graph
- Keplerian Orbits
- Procedural Starfields
- Motion
- Web Audio API
- Lucide React
- Canvas Confetti
- Node.js
- Express
- TSX
- esbuild
- Deterministic Fallback Engine
Outcome
Results & Outcome
What changed for the business after launch.
27
Orders of magnitude
The scale experience traverses from human and planetary dimensions to the cosmological particle horizon.
6
AI endpoints
Status, explain, path, Atlas, report, and theory-compare services are exposed through a structured Express proxy layer.
4
Atlas UI actions
The copilot can navigate, highlight paths, compare theories, and move the scale camera through typed commands.
0
Client-side API keys
Claude model credentials remain server-side while deterministic astrophysical fallbacks keep the experience available without a key.
Interface
A Closer Look
Screens from the delivered system.
CosmoAtlas landing experience — an AI-powered cosmic knowledge graph for navigating the interconnected architecture of the universe. Cosmic Scale Navigator — move across 27 orders of magnitude while inspecting exact dimensions and astrophysical context for Planet Earth. Cosmic Timeline — explore the universe from the Planck Epoch and inflation through star formation, human civilization, and its ultimate fate. Spacetime Topology & Cosmologies — compare flat and closed-universe models through geometry, equations, and observational evidence. Guided Cosmic Journeys — launch narrated, multi-stage expeditions from Earth to Sagittarius A* or through the 13.8-billion-year history of the universe. Cosmic Dossier Generator — turn a selected route into a publication-style astrophysical report with trajectory stages and scientific synthesis. Cosmology Platform Plans — package cosmic graph exploration, Atlas AI queries, dossier generation, collaboration, and institutional capabilities for different audiences. Interactive Cosmic Explorer — inspect Proxima Centauri in context with its physical description, distance, metrics, observations, and graph relationships.
Conclusion
The Result
CosmoAtlas combines a secure server-side Claude proxy, structured JSON responses, an interactive cosmic graph, procedural 2D canvas visuals, guided journeys, and local astrophysical fallbacks. The result is an educational research surface that makes cosmic scale, hierarchy, chronology, and theoretical models easier to explore without exposing API credentials to the browser.
- 27 Orders of magnitude: The scale experience traverses from human and planetary dimensions to the cosmological particle horizon.
- 6 AI endpoints: Status, explain, path, Atlas, report, and theory-compare services are exposed through a structured Express proxy layer.
- 4 Atlas UI actions: The copilot can navigate, highlight paths, compare theories, and move the scale camera through typed commands.
More work
Related Projects
Other systems built on similar foundations.
AI / Automation
Vigilon
Vigilon workforce operations command center for physical security agencies showing field telemetry, workforce dispatch, attendance verification, patrol compliance, and financial governance
- React
- TypeScript
- Vite
- Tailwind CSS
- +3
View Case Study
Next step
Want a System Like This?
Tell us what your business needs to automate and we'll map out a practical build.
hello@thedevrox.comWe reply to every enquiry within one business day.