inperiod
| Crates.io | inperiod |
| lib.rs | inperiod |
| version | 0.1.2 |
| source | src |
| created_at | 2024-11-18 04:08:50.075299 |
| updated_at | 2024-11-18 04:08:50.075299 |
| description | Modern fancy interactive online periodic table of chemistry elements |
| homepage | https://mhfan.github.io/inperiod |
| repository | |
| max_upload_size | |
| id | 1451760 |
| size | 468,460 |
MeiHui FAN (mhfan)
documentation
README
There are plenty of periodic tables available online, including web pages, spreadsheet, JPEG/PNG/SVG images, mobile APP, Python-generated, and even those can be purchased from various e-commerce platforms, but none of them fully meet my expectations.
What I want is a periodic table that could comprehensively showcase all aspects of the periodic trends of chemical elements, provide rich and layered information, synchronize with the latest authoritative data in real-time, and include interactive features as a WebAPP or native/mobile APP. Moreover, it had to feature Chinese names and pinyin and be printable on A4/A3 paper for use by sixth and ninth-grade students as an educational and memorization aid. Thus, this project was born.
https://mhfan.github.io/inperiod
Additionally, this project also targets to provide a set of API in Rust for accessing all kinds of information and data about the elements.
Instructions
- Install npm: https://docs.npmjs.com/downloading-and-installing-node-js-and-npm
- Install the tailwind css cli: https://tailwindcss.com/docs/installation
- Run the following command in the root of the project to start the tailwind CSS compiler:
npx tailwindcss -i ./tailwind_base.css -o ./assets/tailwind.css --watch
Launch the Dioxus Web/Desktop app:
dx serve #--verbose
dx serve --platform web
dx serve --platform desktop #rm -rf dist
cd dist && cargo r --features desktop
Note: Recommended to print as PDF on Chrome browser.
References
- https://en.wikipedia.org/wiki/Periodic_table
- https://www.webelements.com/periodicity/contents/
- https://en.wikipedia.org/wiki/Category:Chemical_element_data_pages
- https://physics.nist.gov/PhysRefData/ASD/ionEnergy.html
- https://pubchem.ncbi.nlm.nih.gov/periodic-table/
- https://www.nist.gov/pml/periodic-table-elements
- https://ciaaw.org/atomic-weights.htm
- https://github.com/Bowserinator/Periodic-Table-JSON
- https://periodictable.com/Properties/A/HumanAbundance.html
- https://www.futurity.org/periodic-table-new-elements-1087782-2/
- https://iupac.org/what-we-do/periodic-table-of-elements/