REPOSITORY OVERVIEW

Live repository statistics

★ 0Stars

⑂ 0Forks

◯ 0Open issues

◉ 0Watchers

49/100

OPENREPOHUB HEALTH SIGNAL

Mixed signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

Project information10% weight

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

NEXUS — Knowledge Hub 2.0

A bright, animated, multi-themed knowledge hub covering five fields: Internet & Web · Artificial Intelligence · Healthcare & Biotech · Space · Energy

Built with plain HTML, CSS, and JavaScript — no build step, no frameworks, no dependencies to install. Works on mobile, tablet, and desktop.

🚀 How to Run

This is a static website. To run it locally:

Unzip the project.
Open a terminal in the project folder and run a simple local server (recommended, so the live API calls work correctly):
- Python: python3 -m http.server 8080
- Node: npx serve .
Open http://localhost:8080 in your browser.

You can also open index.html directly in a browser, but some browsers restrict certain API calls (CORS) when opening files via file://. A local server avoids this.

🗂️ Project Structure

knowledge-hub/
├── index.html              ← Landing page (home / hub)
├── pages/
│   ├── internet-web.html   ← World 1: Internet & Web
│   ├── ai.html              ← World 2: Artificial Intelligence
│   ├── healthcare.html      ← World 3: Healthcare & Biotech
│   ├── space.html           ← World 4: Space
│   └── energy.html           ← World 5: Energy
├── css/
│   ├── main.css            ← Shared design system, both themes
│   ├── home.css            ← Landing page styles
│   ├── internet-web.css     ← "Cyberspace" 3D theme
│   ├── ai.css                ← "Neural" 3D theme
│   ├── healthcare.css        ← "Biolab" 3D theme
│   ├── space.css             ← "Cosmos" 3D theme
│   └── energy.css            ← "Grid" 3D theme
├── js/
│   ├── main.js              ← Shared: theme toggle, search, modal, bookmarks, reveal animations
│   ├── home.js              ← Landing page logic + live widgets
│   ├── internet-web.js
│   ├── ai.js
│   ├── healthcare.js
│   ├── space.js
│   └── energy.js
└── assets/
    └── favicon.svg

🎨 Design System

Two themes: "Paper" (light) and "Nebula" (dark) — toggle via the 🌙/☀️ button in the navbar. Saved in localStorage.
Five field identities: each field page sets data-field="..." on <html>, which switches the accent colors, gradients, and 3D visual motifs (cyberspace grid, neural network, DNA helix, starfield, power grid).
Fonts: Sora (display/headings), Space Grotesk (body), JetBrains Mono (code/data).
Fully responsive: mobile hamburger nav, responsive grids, touch-friendly buttons.

⚡ Features (per field page)

Every field page includes:

A 3D-styled animated hero matching that field's identity
A sticky sub-navigation bar for quick jumps
Live data widgets powered by free public APIs (see below)
A Topic Explorer grid — click any topic for a live Wikipedia summary popup
A Glossary (accordion) of key terms
A History Timeline of major milestones
An interactive Quiz (5 questions, scored)
Hands-on tools/calculators specific to the field
Bookmark/save articles (stored in your browser via localStorage)
Reading progress bar, scroll-reveal animations, 3D tilt cards

The landing page (index.html) features:

An animated hero with floating gradient orbs
Five field cards with hover effects (3D icon flip, glow)
Live snapshot widgets (ISS location, top Hacker News story, UK grid carbon intensity, global health stats)
A saved-articles library

🌐 Public APIs Used (all free, no signup required)

API	Used for	Field(s)
Wikipedia REST API	Search + article summaries (Topic Explorer, global search, modal popups)	All
Hacker News API (Firebase)	Top tech stories	Home, Internet & Web
HN Algolia Search API	AI-related discussions	AI
GitHub REST API	Trending repositories	Internet & Web
ipapi.co	IP/geolocation demo	Internet & Web
http.cat	HTTP status code illustrations	Internet & Web
arXiv API	Latest AI research papers	AI
disease.sh	Global & per-country health statistics	Home, Healthcare
openFDA	Drug label / medication lookup	Healthcare
ClinicalTrials.gov API v2	Live clinical trial search	Healthcare
Open Notify	ISS location + astronauts in space	Home, Space
NASA APOD API (DEMO_KEY)	Astronomy Picture of the Day	Space
Launch Library 2 (The Space Devs)	Upcoming rocket launches	Space
Solar System OpenData

Note: Some APIs may occasionally rate-limit or be temporarily unavailable. Every live widget has a graceful fallback message if data can't load — the rest of the site continues to work normally.

🛠️ Customization

Add a new field: duplicate one of the pages/*.html + matching CSS/JS files, set a new data-field, and define its accent colors in css/main.css under a new [data-field="..."] block.
Add more topics/glossary/timeline/quiz entries: edit the arrays at the top of each field's JS file (*_TOPICS, *_GLOSSARY, *_TIMELINE, *_QUIZ).
Change fonts/colors: edit CSS variables in css/main.css (:root and theme/field blocks).

⚕️ Disclaimers

Healthcare content is for educational purposes only and is not medical advice.
All data is sourced live from third-party public APIs; accuracy depends on those sources.
No tracking, no ads, no analytics — all personalization (theme, bookmarks) stays in your browser via localStorage.

Built as a learning resource — explore, click around, and dive deep into any of the five worlds. 🌐🧠🧬🚀⚡