The Periodic Table: Devlog #4

Currently considering why I decided this was a good idea. Also restarting with consistent devlogs.

Accomplished:

• Restarted project from scratch
• Created files necessary for home page (2 js files included)
• Got the head part of the html done
• Created a (nested) js object for all info on the elements

Challenges

Guys that object was 598 lines long.

To-Do

- Create the actual table (probs via table this time)
- Add css to make it pretty
- Add js to the other js file to make it an interactive table
- Decide if I want to add other info or leave this nightmare as it is (thoughts?)

The Periodic Table: Devlog #3

To be totally honest, the entirety of this was spent trying to get the darn table to format properly.

The buttons still don’t work. Probably going to try something else after this.

(Sorry this is scant. I’m posting, like, 2 weeks after I last touched this.)

#The Periodic Table: Devlog #2

What I Got Done:

• Switched the grid out for table
• Retyped all the buttons
• Did some basic formatting for the table & added colors for the groups
• Added a video
• Created radiobuttons for a “dark mode” & “light mode” (still have to create the JS function)

Challenges

• Retyping all the buttons
• Choosing colors

The Periodic Table: Devlog #1

Accomplished:

• Created all needed files (& beginning code)
• Decided that the grid element is best for making an interactive table (so much research)
• Manually input each element (all 118)
• Turned a list of 118 buttons into a grid

Challenges

• Psyching myself up to manually input all 118 elements
• Copying down symbols & families of the elements from a periodic table
• Researching ‘grid’ & relevant properties