Skip to content

NonPopularPoint/System-Intelligence-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🖥️ System Intelligence Web App

License React Node Vite

A high-performance, aesthetically pleasing web application that provides deep-dive analytics into your PC's hardware specifications.


✨ Features

  • Deep Hardware Scan: Utilizes a custom Node.js backend to retrieve low-level system details often inaccessible to standard browser APIs.
  • Real-Time Display Analytics: Detailed breakdown of monitors, including pixel depth, refresh rates, and exact physical dimensions.
  • Memory Visualization: Visual representation of RAM modules, including clock speeds, manufacturer data, and bank slots.
  • Premium UI: A modern, glassmorphic interface designed with Outfit typography, neon accents, and smooth animations.
  • Dark Mode Native: Built from the ground up for a comfortable, high-contrast dark mode experience.

🛠️ Tech Stack

  • Frontend: React.js (Vite), CSS3 (Variables, Flexbox/Grid), Lucide React (Icons)
  • Backend: Node.js, Express.js
  • System Details: systeminformation library

🚀 Getting Started

Follow these instructions to get a local copy of the project up and running.

Prerequisites

  • Node.js (v16 or higher)
  • npm (v7 or higher)

Installation

  1. Clone the repository

    git clone https://github.com/johnwikcke/System-Intelligence-Web-App.git
    cd System-Intelligence-Web-App
  2. Install dependencies This project uses a concurrent setup. Install dependencies for both the root (server) and the client:

    npm run install-all

    Alternatively, you can install them manually:

    npm install
    cd client
    npm install

🏃‍♂️ Running the App

To start both the backend server and the frontend client simultaneously:

npm start
  • The Backend API will run on http://localhost:3001
  • The Frontend App will launch at http://localhost:5173

📸 Screenshots

System Intelligence Dashboard

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

See CONTRIBUTING.md for detailed information on how to contribute.

📄 License

Distributed under the MIT License. See LICENSE for more information.


Built with ❤️ for PC Enthusiasts

About

A high-performance, glassmorphic system monitoring dashboard that reveals deep hardware analytics (RAM, CPU, GPU, Display) using React and Node.js.

Topics

Resources

Contributing

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages