https://github.com/furthersecrets24680/chemsearch
Simple chemical compound search webapp with data sourced from PubChem.
https://github.com/furthersecrets24680/chemsearch
chemistry compound education webapp
Last synced: 2 months ago
JSON representation
Simple chemical compound search webapp with data sourced from PubChem.
- Host: GitHub
- URL: https://github.com/furthersecrets24680/chemsearch
- Owner: FurtherSecrets24680
- License: mit
- Created: 2026-02-23T13:00:12.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-04-05T08:33:40.000Z (3 months ago)
- Last Synced: 2026-04-05T10:16:38.588Z (3 months ago)
- Topics: chemistry, compound, education, webapp
- Language: HTML
- Homepage: https://chemsearch.netlify.app
- Size: 593 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ChemSearch Landing Page
Marketing/landing page for the **ChemSearch Android app**.
- Android app source: [FurtherSecrets24680/chemsearch-android](https://github.com/FurtherSecrets24680/chemsearch-android)
- Live release feed: GitHub Releases API (shown in header)
## What this page includes
- Hero section focused on the Android app value proposition
- Mobile-first responsive layout with collapsible navigation
- Light and dark theme toggle
- Feature section, tools section, and "Under the hood" section
- Screenshot carousel with:
- horizontal scroll + snap
- previous/next arrows
- dot navigation + slide counter
- keyboard support
- full-size lightbox preview
- Tool search/filter with keyboard shortcut (`/` or `Ctrl/Cmd + K`)
## Run locally
Use any static server from the project root:
```bash
npx serve .
```
Then open:
- `http://localhost:3000/`
You can also open `index.html` directly in a browser.
## Project structure
```text
chemsearch/
├── index.html # Main landing page (all styles + JS in one file)
├── chemsearch-logo.png # Brand logo used in header
├── favicon.png # Browser icon
├── screenshots/ # App screenshots used in gallery/carousel
├── LICENSE
└── README.md
```
## Data/source references used in page copy
- PubChem PUG REST
- PubChem PUG View
- Wikipedia REST API
- Gemini API / Groq API (optional app-side AI summaries)
- GitHub Releases API
## License
Open-source. See `LICENSE` for details.