Skip to content

Latest commit

 

History

History
118 lines (82 loc) · 3.69 KB

Readme.md

File metadata and controls

118 lines (82 loc) · 3.69 KB

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! 🎉