Elementum

• 

  The main interactive periodic interface allowing users to explore elements and initiate deep chemical analysis

• 

  Advanced analytical view featuring health impacts, environmental toxicity levels, and structural properties

• 

  Instant hazard analysis and lab safety precautions

• 

  Tracking CO2 footprint and environmental impact metrics

• 

  Side-by-side analysis of toxicity, price, and recycling

• 

  Live chemical data retrieval including pKa, pH, and behavior

• 

  Interactive 3D molecular structures paired with 2D diagrams

🧪 Inspiration

Accessing detailed chemical data often requires digging through massive technical documents. We wanted to create a "one-stop" professional dashboard that makes deep chemical intelligence—like dissociation constants and environmental hazards—accessible in seconds.

🛠️ How we built it

The project is built using a Node.js backend and a futuristic CSS3 dashboard. We integrated the PubChem PUG VIEW API to fetch real-time data. We developed a custom "Deep Search" algorithm to extract hidden values like pH and pKa from complex nested JSON structures that standard searches often miss.

🧠 Challenges we ran into

One of the biggest hurdles was data "noise." Many chemical entries contain long descriptive paragraphs instead of clean numbers. We implemented a smart filtering system using regex to trim irrelevant text and provide only precise scientific values (e.g., extracting "pH 6.7" from a 500-word description).

🌍 Accomplishments that we're proud of

We successfully integrated specialized datasets regarding the Environmental and Health Impact of elements. Our tool doesn't just show what a chemical is, but also how it affects our world and our bodies.

📚 What we learned

We mastered complex API data manipulation and learned how to balance a high-density information display with a clean, user-friendly UI.

Built With

• api
• css3
• html5
• javascript
• node.js
• pubchem