https://github.com/smenjas/chemistry-explorer
A chemistry app built with vanilla JavaScript
https://github.com/smenjas/chemistry-explorer
chemical-compounds chemical-elements chemistry isotopes periodic-table
Last synced: 4 months ago
JSON representation
A chemistry app built with vanilla JavaScript
- Host: GitHub
- URL: https://github.com/smenjas/chemistry-explorer
- Owner: smenjas
- License: isc
- Created: 2023-03-15T21:42:05.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2026-01-28T22:43:24.000Z (5 months ago)
- Last Synced: 2026-01-29T13:46:49.410Z (5 months ago)
- Topics: chemical-compounds, chemical-elements, chemistry, isotopes, periodic-table
- Language: JavaScript
- Homepage: https://smenjas.github.io/chemistry-explorer/
- Size: 5.83 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Chemistry Explorer
This is a chemistry app built with vanilla JavaScript. It's an exercise to
learn web development fundamentals, using the simplest technology stack: HTML,
CSS, & JS.
## Exercise Constraints
- No server-side processing required
- No libraries, frameworks, templates, or preprocessors
- Limited dev tools:
- [Node.js](https://nodejs.org/)
- [ESLint](https://www.npmjs.com/package/eslint)
- [JSDoc](https://www.npmjs.com/package/jsdoc)
- [nodemon](https://www.npmjs.com/package/nodemon)
- [Stylelint](https://stylelint.io/)
## Goals
- [x] Show the periodic table of the elements
- [x] Show details about each element
- [x] Show info about simple chemicals (e.g. H2, H2O, NH3)
## Development
Install the dependencies by running:
```sh
npm install
```
Start the node server with:
```sh
npm run dev
```
Identify syntax and style issues with:
```sh
npm run lint
```
Generate documentation with:
```sh
npm run doc
```
Run automated tests with:
```sh
npm run test
```
[Molecule](https://icons8.com/icon/C1tk3b2DIflx/molecule) icon by [Icons8](https://icons8.com)