https://github.com/0mppula/element-compare

A single page Next.js 14 app that allows the user to inspect and compare elements from the periodic table.
https://github.com/0mppula/element-compare

compare dark-mode data-analysis elements inspect lucide-react nextjs periodic-table reactjs server-side-rendering shadcn-ui single-page-app typescript vercel zustand

Last synced: 4 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/0mppula/element-compare
• Owner: 0mppula
• Created: 2024-01-12T17:16:14.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-07-29T05:23:00.000Z (4 months ago)
• Last Synced: 2024-07-29T06:55:08.900Z (4 months ago)
• Topics: compare, dark-mode, data-analysis, elements, inspect, lucide-react, nextjs, periodic-table, reactjs, server-side-rendering, shadcn-ui, single-page-app, typescript, vercel, zustand
• Language: TypeScript
• Homepage: https://elementcompare.vercel.app
• Size: 296 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Element Compare

[Element Compare](https://elementcompare.vercel.app/) 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.