Table of Wonders

Inspiration

We wanted to make learning chemistry fun and interactive. Most students find the periodic table boring and overwhelming, so our inspiration was to create a tool that turns the periodic table into a visually engaging, easy to learn with an interactive experience.

What it does

Table of Wonders is an interactive periodic table platform where users can:

Explore elements with animations and visual highlights
Learn properties through interactive cards
Play quizzes and challenges to test their knowledge
Discover fun facts to keep learning exciting It’s not just a table—it’s a learning companion.

How we built it

We developed Table of Wonders using HTML, CSS, and JavaScript to ensure lightweight performance and accessibility. The periodic table layout was crafted with CSS grid, styled for readability and color-coded for quick identification of elements. JavaScript powers the interactive features such as tooltips, hover effects, and quick access to element properties, making it a smooth experience across devices. JSON-based dataset for element information.

Challenges we ran into

Making animations smooth without performance drops
Designing a UI that is educational yet playful
Managing lots of data (118 elements) in a way that’s not overwhelming
Keeping the balance between learning and fun

Accomplishments that we're proud of

Built a fully functional interactive periodic table
Created a responsive design that works across devices
Made chemistry feel less like a textbook and more like an adventure
Useful not only for School Students for Professionals, scholars and Professors in field of Chemistry