NetScope is a premium, minimalist dashboard for monitoring system performance and Wi-Fi speeds in real-time. Built with a high-contrast black and white aesthetic, it provides a clean and professional interface for developers and power users.
- Wi-Fi Speed Tracker: Measure download, upload speeds, and latency with real-time progress animations.
- System Information Panel: Real-time monitoring of RAM usage, CPU load, and storage space.
- Performance Visualization: Beautiful, smooth charts showing RAM and network history using Recharts.
- Device Insights: Detailed breakdown of OS, browser, hardware cores, and network connection properties.
- Responsive Design: Fully optimized for both desktop and mobile viewing.
- Minimalist UI: Modern black and white theme with subtle animations and premium typography.
- Framework: React + Vite
- Styling: Tailwind CSS
- Icons: Lucide React
- Animations: Framer Motion
- Charts: Recharts
-
Clone the repository:
git clone https://github.com/yourusername/netscope.git
-
Navigate to the project directory:
cd netscope -
Install dependencies:
npm install
-
Start the development server:
npm run dev
- Start Test: Click the "Start Test" button in the Overview tab to initiate a Wi-Fi speed check.
- Refresh Stats: Use the refresh icon in the System Information panel to manually update stats (though they auto-refresh every 5 seconds).
- Navigation: Use the sidebar (desktop) or menu (mobile) to switch between different views.
MIT License.