Skip to content

Developing a web-based interactive periodic table that allows users to view information about chemical elements through search functionality and many more things...πŸ˜‰ EXPLORE NOW!!

Notifications You must be signed in to change notification settings

Aerospace-prog/Interactive-Periodic-Table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

51 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Interactive Periodic Table πŸŒŸπŸ”¬

Interactive Periodic Table is a web-based application that provides users with an intuitive and interactive way to explore chemical elements. Users can search for elements or click directly on the periodic table to view detailed information about each element.


πŸš€ Features

  • Interactive UI: Click on any element in the periodic table to view its properties.
  • Search Functionality: Quickly find any element by name, symbol, or atomic number.
  • Comprehensive Element Data: View detailed information, including atomic number, atomic mass, electron configuration, state at room temperature, and more.
  • Responsive Design: Fully functional across devices, from desktops to mobiles.
  • Educational Tool: Perfect for students, educators, and enthusiasts.

πŸ–ΌοΈ Preview

Final Video

Ptable.1.mp4

HomePage

image

You can even access your history

image

We can know more about details

image

πŸ› οΈ Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • Database (optional): JSON or an external API for element data
  • Styling: TailwindCSS / Bootstrap / Custom CSS

πŸ”§ Setup and Installation

  1. Clone the repository:
    git clone https://github.com/your-username/interactive-periodic-table.git
  2. Navigate to the project directory:
    cd interactive-periodic-table
  3. Open the index.html file in your browser:
    open index.html

🚩 Usage

  • Search Bar: Type the name, symbol, or atomic number of an element to filter results.
  • Click Elements: Click on any element in the table to view detailed information.

πŸ”— Website Link

Below is the final Deployed website link which is publically available.. πŸ”₯ Click Me To See Periodic Table

🀝 Contributing

We welcome contributions! To contribute:

  1. Fork this repository.
  2. Create a new branch:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Added new feature"
  4. Push to your branch:
    git push origin feature-name
  5. Open a pull request.

πŸ’‘ Future Enhancements

  • Add more visualization features, like periodic trends and 3D models.
  • Include filtering by properties like states of matter or metallic character.
  • Integrate with educational content or quizzes.

πŸ‘₯ Contributors

We thank the following individuals for their valuable contributions to this project: β€’ Arvind Kumar β€’ Kumar Aditya β€’ Kushagra β€’ Gunjan β€’ Saahi


πŸ§‘β€πŸ’» Contact

For questions, feedback, or collaboration opportunities, feel free to reach out:


Happy Learning! πŸŽ‰

About

Developing a web-based interactive periodic table that allows users to view information about chemical elements through search functionality and many more things...πŸ˜‰ EXPLORE NOW!!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published