inperiod
| Crates.io | inperiod |
| lib.rs | inperiod |
| version | |
| source | src |
| created_at | 2024-11-18 04:08:50.075299 |
| updated_at | 2024-12-17 14:32:56.574834 |
| description | Modern fancy interactive online periodic table of chemistry elements |
| homepage | https://mhfan.github.io/inperiod |
| repository | |
| max_upload_size | |
| id | 1451760 |
| Cargo.toml error: | TOML parse error at line 18, column 1 | 18 | autolib = false | ^^^^^^^ unknown field `autolib`, expected one of `name`, `version`, `edition`, `authors`, `description`, `readme`, `license`, `repository`, `homepage`, `documentation`, `build`, `resolver`, `links`, `default-run`, `default_dash_run`, `rust-version`, `rust_dash_version`, `rust_version`, `license-file`, `license_dash_file`, `license_file`, `licenseFile`, `license_capital_file`, `forced-target`, `forced_dash_target`, `autobins`, `autotests`, `autoexamples`, `autobenches`, `publish`, `metadata`, `keywords`, `categories`, `exclude`, `include` |
| size | 0 |
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:
npm install tailwindcss -D -g
npx tailwindcss -i tailwind_base.css -o assets/tailwind.css -w #-m
Launch the Dioxus Web/Desktop/Mobile app:
dx serve --platform web #--verbose
dx serve --platform desktop #rm -rf dist
#cd dist && cargo r -F desktop
dx serve --platform android #ios
Open the browser to http://localhost:8080/inperiod
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/