periodic table

• 

  Current implementation state of periodic table

• 

  Periodic table with classfication

• 

  Compled Github Universe Learning Challenge

• 

  Compled Github Universe Learning Challenge

• 

  Azure static web is used

Inspiration

To learn about elements and their properties. Similarities.

What it does

• It displays periodic table.
• Each element with name, atomic number, atomic mass, symbol
• Each category ( alkali, halogens, noble gas) has different colors
• On mouse hovering it will display electron configuration.
• On double click it will display isotopes, discovery date, discovered by, reactivity details. ## How we built it
• REACT
• Github Copilot ## Challenges we ran into
• New to both the REACT and Copilot ## Accomplishments that we're proud of
• At least able to make a first version
• Tooltip with each element displaying its property ## What we learned
• How to use GitHub Copilot ## What's next for periodic table
• On Drag n drop it will inform whether two dragged element can react with the element on over it was dropped.
• Include a copilot chat to answer different questions related to period table, elements, history of periodic table.
• More filtration based on blocks (s,p,d,f etc.)

Built With

• react