Enterprise-Grade Cyber HUD Dashboard
A high-performance, real-time analytics platform built with React, TypeScript, and Vite.
NexCore is designed for the modern IT professional. It combines futuristic aesthetics with industrial-strength data visualization, providing a "Command Center" experience for monitoring complex data streams in real-time.
- Cyber-HUD Interface: Futuristic dark theme with glassmorphism and neon glowing accents.
- Real-Time Data Streams: Live-updating charts powered by Chart.js (fetching real market data from CoinGecko API).
- Type-Safe Core: Built from the ground up with TypeScript for maximum reliability.
- Ultra-Fast Performance: Leverages the Vite build engine for near-instant hot module replacement (HMR).
- Responsive HUD: Optimized layout for mission-critical monitoring on any device.
| Layer | Technology |
|---|---|
| Frontend Framework | React 18 (Hooks) |
| Language | TypeScript |
| Styling | Vanilla CSS (HUD Design System) |
| Data Visualization | react-chartjs-2 |
| Build Tool | Vite |
-
Install Dependencies
npm install
-
Start Dev Server
npm run dev
-
Build for Production
npm run build
This project utilizes a custom-built HUD design system:
- Primary Color:
#00f2ff(Cyber Cyan) - Accent Color:
#bc00ff(Neon Purple) - Background:
#050a14(Deep Space Navy) - Typography: Orbitron (Headings) & Inter (Data)
Developed with Precision by Ayu Rianti