Skip to content

richyaj/PeriodicTable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧪 Interactive Periodic Table

An interactive periodic table web project inspired by Mike Golus’s original CodePen.
This project builds upon his excellent work by adding new features and extensions to make the experience more informative and engaging.


🌟 Features

  • Beautiful, interactive 3D periodic table interface
  • Hover or click on elements to view details
  • Smooth animations and responsive layout
  • Extended functionality:
    • 🔍 Display detailed information about each element (atomic number, electron configuration, discovery year, etc.)
    • 📘 Future plans to integrate external data sources for richer scientific info
    • 🧩 Additional UI improvements and accessibility enhancements

🚀 Getting Started

Clone the Repository

git clone https://github.com/<your-username>/interactive-periodic-table.git
cd interactive-periodic-table

Usage

Open the index.html file in your browser to explore the interactive periodic table.
All functionality is accessible directly in the browser—no server setup required.


🧠 Credits

This project is based on the original interactive periodic table by Mike Golus.
All credit for the original implementation goes to him.

This repository is an extension project for learning and experimentation.


🛠️ Tech Stack

  • HTML5
  • CSS3 / SCSS
  • JavaScript (ES6)
  • Three.js (from original project)

📈 Future Improvements

  • Full element information panel
  • Search and filter functionality
  • Dark/light mode toggle
  • Category-based color coding
  • Mobile responsiveness improvements

⚖️ License

This project is for educational and experimental purposes only.
Please respect the original creator’s work and refer to their CodePen for the original implementation.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors