• Features
• Live Demo
• Usage
• Tech Stack
• APIs Used
• Troubleshooting
• Contributing
• License
• Author

• Comprehensive Information Panels:
  • IPv4/v6 addresses, Geolocation (Country, City, Region), ISP, ASN, network timezone.
  • Operating System, Device Type, CPU Cores, estimated Memory, Architecture.
  • Browser name, version, rendering engine, full User Agent string.
• Interactive UX/UI:
  • Search bar for any valid IP address or domain.
  • "Copy to Clipboard" for key info.
  • Seamless dark/light theme switcher.
  • Multi-language support (10+ languages).
  • Fully responsive design.
• Modern Design:
  • Smooth loading animations.
  • Icon-driven cards.
  • Glassmorphism effect.

src/
├── assets/       # Images, videos, favicons, and other media assets
├── css/          # Stylesheets, organized into base, layout, and components
│   ├── components/ # Component-specific styles (e.g., cursor, header, info-card)
│   ├── base.css    # Base styles and resets
│   ├── layout.css  # Layout-specific styles (e.g., grid, flex)
│   └── main.css    # Main stylesheet, importing other styles
└── js/           # JavaScript files, organized into modules, standalone, and utils
    ├── modules/    # Modular JavaScript components (e.g., geolocation, language, preloader)
    ├── standalone/ # Standalone scripts (e.g., cursor, blocker, notif, translations)
    ├── utils/      # Utility functions (e.g., browser, copy, dom, network, system, theme)
    └── main.js     # Main application logic and initialization

Experience Nexus Hub live in your browser:

1. Access the Live Demo: Open the Live Demo in your browser.
2. Instant Information: View your system, browser, and network details instantly.
3. Search Functionality: Use the search bar to look up any valid IP address or domain.
4. Customize Experience: Switch themes or languages using the controls in the header.
5. Copy Information: Click the clipboard icon next to any information field to copy it.

To run Nexus Hub locally:

1. Clone the repository:

   git clone https://github.com/WhoisNeon/Nexus-Hub.git
   cd Nexus-Hub

2. Open index.html: Simply open the index.html file in your web browser.
3. Configure for Local Use:
   • Open src/js/modules/geolocation.js.
   • Set the isLocal variable to true.
   • Replace YOUR_FINDIP_API_TOKEN with your actual FindIP API token.

     // Around line 140:
     const isLocal = true; // Set to true for local development
     const FINDIP_TOKEN = 'YOUR_FINDIP_API_TOKEN'; // Replace with your FindIP API token

Technology	Icon
HTML5
CSS3
JavaScript (ES6+)

• IPify — for public IP detection.
• FindIP — for geolocation and network info.
• Cloudflare DNS-over-HTTPS — for domain resolution.
• Google DNS-over-HTTPS — for domain resolution.
• Circle Flags — for country flags.
• Phosphor Icons — for UI icons.
• Google Fonts (Inter) — for typography.

• Why can't I open DNS API links directly in my browser?
  DNS-over-HTTPS endpoints (like Cloudflare or Google) are APIs, not web pages. They expect specific headers and return JSON, not HTML.
• Some info is missing or shows "Unknown":
  • Your browser/device may restrict access to certain details for privacy.
  • Network APIs may be blocked by your firewall or region.
• Domain resolution fails:
  • The domain may not exist or DNS APIs may be blocked.
  • Check browser console for error logs.

Contributions are welcome!
If you have suggestions for improvements, fork the repository and submit a pull request.
You can also open an issue with the tag "enhancement".

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the MIT License. See the LICENSE file for details.

Created with ❤️ by WhoisNeon.