Skip to content

About

An interactive web-based periodic table application displaying detailed chemical elements and properties.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

🧪 Interactive Periodic Table

A modern, responsive, and interactive Periodic Table web application built using pure HTML5, CSS3, and JavaScript.

✨ Features

  • Complete Dataset: Contains all 118 elements with accurate placement.
  • Category Filtering: Filter elements by group (Noble Gases, Metals, Non-metals, etc.).
  • Interactive Details Modal: Click on any element to view detailed information (Atomic mass, group, period, phase).
  • Responsive & Modern Design: Styled with CSS Grid, Flexbox, and dark-mode aesthetic.

🛠️ Technologies Used

  • HTML5: Semantic layout structure.
  • CSS3: Custom CSS Grid layout, smooth hover transitions, and dark UI theme.
  • JavaScript (ES6): Dynamic DOM manipulation, filtering logic, and interactive modal dialog.

🌐 Live Demo

View Live Demo Here

🚀 How to Run Locally

  1. Clone this repository:
    git clone [https://github.com/your-username/periodic-table.html.git](https://github.com/your-username/periodic-table.html.git)

About

An interactive web-based periodic table application displaying detailed chemical elements and properties.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages