0mppula / element-compare

A single page Next.js 14 app that allows the user to inspect and compare elements from the periodic table.

Home Page:https://elementcompare.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Element Compare

Element Compare is a single-page application showcasing the periodic table in its authentic structure and is developed with Next.js 14, React.js 18 and TypeScript.

Users can:

  • Highlight elements based on their types.
  • Select elements to compare their properties.
  • Inspect individual element properties.
  • Toggle between dark and light modes.

Note

The app is not responsive below 1260px due to the shape of the periodic table, so it is not recommended to use it on devices with a screen size smaller than 1260px.

About

A single page Next.js 14 app that allows the user to inspect and compare elements from the periodic table.

https://elementcompare.vercel.app


Languages

Language:TypeScript 98.9%Language:CSS 1.0%Language:JavaScript 0.1%