1️⃣ 🚀 Can I Lick It: Programming Journey.

So, about 3 weeks ago, I saw this chart, that got me thinking.

I had the “brilliant” idea to turn this chart into an HTML, CSS, JS, and JSON program to turn this chart into a website.

I decided, that for each element, users would be able to see the n…


This content originally appeared on DEV Community and was authored by MilesWK

So, about 3 weeks ago, I saw this chart, that got me thinking.
A chart with the periodic table of elements, but each element is a different color based on the
I had the "brilliant" idea to turn this chart into an HTML, CSS, JS, and JSON program to turn this chart into a website.

I decided, that for each element, users would be able to see the name, symbol, and a brief description of the element and if you can lick it. At first, I was going to have a bunch of JS conditionals, but that would have been a nightmare, so I have decided to use a JSON file with all of the data. Issue... There are 118 elements to the periodic table, and each element takes around 5 lines of JSON data, meaning that the JSON file alone will have around 590 lines of data. That's a lot.

I am about halfway through with around 280 lines written. I have spent 3 weeks on and off. This is really annoying.

I am using the VS Code Extension "Getting Fish-Shaped Crackers Back In Vending Machines," or "fishcracker" to connect VS Code to Glitch, where my project is hosted. This extension is beta, but works great. It's nice not having to save my file, because Glitch automatically backs it up.

I am going to try to post weekly. I don't know how much progress I will make though. This JSON data is really boring.

Thanks!


This content originally appeared on DEV Community and was authored by MilesWK


Print Share Comment Cite Upload Translate Updates
APA

MilesWK | Sciencx (2025-04-13T23:02:46+00:00) 1️⃣ 🚀 Can I Lick It: Programming Journey.. Retrieved from https://www.scien.cx/2025/04/13/1%ef%b8%8f%e2%83%a3-%f0%9f%9a%80-can-i-lick-it-programming-journey/

MLA
" » 1️⃣ 🚀 Can I Lick It: Programming Journey.." MilesWK | Sciencx - Sunday April 13, 2025, https://www.scien.cx/2025/04/13/1%ef%b8%8f%e2%83%a3-%f0%9f%9a%80-can-i-lick-it-programming-journey/
HARVARD
MilesWK | Sciencx Sunday April 13, 2025 » 1️⃣ 🚀 Can I Lick It: Programming Journey.., viewed ,<https://www.scien.cx/2025/04/13/1%ef%b8%8f%e2%83%a3-%f0%9f%9a%80-can-i-lick-it-programming-journey/>
VANCOUVER
MilesWK | Sciencx - » 1️⃣ 🚀 Can I Lick It: Programming Journey.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/04/13/1%ef%b8%8f%e2%83%a3-%f0%9f%9a%80-can-i-lick-it-programming-journey/
CHICAGO
" » 1️⃣ 🚀 Can I Lick It: Programming Journey.." MilesWK | Sciencx - Accessed . https://www.scien.cx/2025/04/13/1%ef%b8%8f%e2%83%a3-%f0%9f%9a%80-can-i-lick-it-programming-journey/
IEEE
" » 1️⃣ 🚀 Can I Lick It: Programming Journey.." MilesWK | Sciencx [Online]. Available: https://www.scien.cx/2025/04/13/1%ef%b8%8f%e2%83%a3-%f0%9f%9a%80-can-i-lick-it-programming-journey/. [Accessed: ]
rf:citation
» 1️⃣ 🚀 Can I Lick It: Programming Journey. | MilesWK | Sciencx | https://www.scien.cx/2025/04/13/1%ef%b8%8f%e2%83%a3-%f0%9f%9a%80-can-i-lick-it-programming-journey/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.