Skip to content

salahuddingfx/Periodic-Table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation


⚛️ About the Project

This is an Interactive Periodic Table built using HTML, CSS, and JavaScript.
It allows users to explore every chemical element with atomic details, smooth animations, and a clean responsive layout. 🌈✨

The project focuses on education, design, and interactivity, making chemistry more engaging for learners and web enthusiasts alike.


🎨 Features

  • Interactive hover & click effects for element details
  • Responsive grid layout (works on mobile, tablet & desktop)
  • Smooth color transitions and modern UI design
  • Search & Filter option by name, group, or symbol
  • Lightweight — built only with HTML, CSS & JS (no frameworks)

🧩 Technologies Used

Technology Description
HTML5 Structure of the periodic table
CSS3 Styling, responsive grid, and hover effects
JavaScript (Vanilla) Logic for interactions, search & data rendering

💻 How to Run

  1. Clone the repository
    git clone https://github.com/salahuddingfx/Periodic-Table.git
    cd Periodic-Table