Custom Software Development

Periodic Table App

Client: Personal ProjectJanuary 2023

Project Overview

An interactive periodic table application that lets you explore all chemical elements with detailed information, search functionality, and category-based filtering.

Detailed Description

An interactive and visually engaging Periodic Table application built with vanilla HTML, CSS, and JavaScript. Designed for educational purposes, it provides a comprehensive view of all chemical elements with rich detail panels.

🌐 Key Features:

• Full periodic table layout with color-coded element categories

• Search by element name, symbol, or atomic number

• Category filtering (Alkali Metals, Noble Gases, Transition Metals, etc.)

• Random element discovery button

• Detailed element view with physical, atomic, and historical properties

📊 Element Details Include:

• Basic info: symbol, atomic weight, category, group, period, block

• Physical properties: phase, density, melting/boiling points

• Atomic properties: electron configuration, electronegativity, atomic radius, ionization energy

• Discovery information: discovered by, year, named by

Technologies Used

HTML5CSS3JavaScript

Share this project