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
  • ESLint
  • JSDoc
  • nodemon
  • Stylelint

Goals

• Show the periodic table of the elements
• Show details about each element
• Show info about simple chemicals (e.g. H₂, H₂O, NH₃)

Development

Install the dependencies by running:

npm install

Start the node server with:

npm run dev

Identify syntax and style issues with:

npm run lint

Generate documentation with:

npm run doc

Run automated tests with:

npm run test

Molecule icon by Icons8