{"id":26415031,"url":"https://github.com/aerospace-prog/interactive-periodic-table","last_synced_at":"2026-02-14T08:32:17.439Z","repository":{"id":267320956,"uuid":"900878568","full_name":"Aerospace-prog/Interactive-Periodic-Table","owner":"Aerospace-prog","description":"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!!","archived":false,"fork":false,"pushed_at":"2025-03-02T12:36:28.000Z","size":63,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-03T20:02:41.060Z","etag":null,"topics":["3d-models","css","html","interactive","js","json","learning","librarie","netlify-deployment","periodic-table","ui","user-friendly","website"],"latest_commit_sha":null,"homepage":"https://interact-periodic-table.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Aerospace-prog.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-09T16:29:50.000Z","updated_at":"2025-03-02T12:36:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"e1628057-0628-4720-b1ab-18d2e5756a2e","html_url":"https://github.com/Aerospace-prog/Interactive-Periodic-Table","commit_stats":null,"previous_names":["aerospace-prog/interactive-periodic-table"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Aerospace-prog/Interactive-Periodic-Table","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aerospace-prog%2FInteractive-Periodic-Table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aerospace-prog%2FInteractive-Periodic-Table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aerospace-prog%2FInteractive-Periodic-Table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aerospace-prog%2FInteractive-Periodic-Table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Aerospace-prog","download_url":"https://codeload.github.com/Aerospace-prog/Interactive-Periodic-Table/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aerospace-prog%2FInteractive-Periodic-Table/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29440372,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-14T07:24:13.446Z","status":"ssl_error","status_checked_at":"2026-02-14T07:23:58.969Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["3d-models","css","html","interactive","js","json","learning","librarie","netlify-deployment","periodic-table","ui","user-friendly","website"],"created_at":"2025-03-18T00:17:12.545Z","updated_at":"2026-02-14T08:32:17.422Z","avatar_url":"https://github.com/Aerospace-prog.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\r\n# Interactive Periodic Table 🌟🔬\r\n\r\n**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.\r\n\r\n---\r\n\r\n## 🚀 **Features**\r\n\r\n- **Interactive UI**: Click on any element in the periodic table to view its properties.\r\n- **Search Functionality**: Quickly find any element by name, symbol, or atomic number.\r\n- **Comprehensive Element Data**: View detailed information, including atomic number, atomic mass, electron configuration, state at room temperature, and more.\r\n- **Responsive Design**: Fully functional across devices, from desktops to mobiles.\r\n- **Educational Tool**: Perfect for students, educators, and enthusiasts.\r\n\r\n---\r\n\r\n## 🖼️ **Preview**\r\n\u003ch1\u003eFinal Video\u003c/h1\u003e\r\n\u003cvideo controls=\"controls\" autoplay=\"autoplay\" loop=\"loop\" src=\"https://github.com/user-attachments/assets/9bc6b5e3-79ac-443f-ab3e-c4527d752e74\"\u003e\u003c/video\u003e\r\n\r\n\u003ch1\u003eHomePage\u003c/h1\u003e\r\n\r\n\u003cimg width=\"1467\" alt=\"image\" src=\"https://github.com/user-attachments/assets/969bd9c4-b3ff-4ddf-a521-f6feac2127f6\" /\u003e\r\n\r\n  \u003ch1\u003eYou can even access your history\u003c/h1\u003e\r\n  \u003cimg width=\"1118\" alt=\"image\" src=\"https://github.com/user-attachments/assets/3ff7a27f-8933-4967-a4b1-8205cd3823f3\" /\u003e\r\n\r\n\u003ch1\u003eWe can know more about details\u003c/h1\u003e\r\n\u003cimg width=\"680\" alt=\"image\" src=\"https://github.com/user-attachments/assets/49b23d63-8c50-4bbe-ab13-8c36b9ab5ab6\" /\u003e\r\n\r\n\r\n---\r\n\r\n## 🛠️ **Tech Stack**\r\n\r\n- **Frontend**: HTML, CSS, JavaScript \r\n- **Database** (optional): JSON or an external API for element data\r\n- **Styling**: TailwindCSS / Bootstrap / Custom CSS\r\n\r\n---\r\n\r\n## 🔧 **Setup and Installation**\r\n\r\n1. Clone the repository:\r\n   ```bash\r\n   git clone https://github.com/your-username/interactive-periodic-table.git\r\n   ```\r\n2. Navigate to the project directory:\r\n   ```bash\r\n   cd interactive-periodic-table\r\n   ```\r\n3. Open the `index.html` file in your browser:\r\n   ```bash\r\n   open index.html\r\n   ```\r\n\r\n---\r\n\r\n## 🚩 **Usage**\r\n\r\n- **Search Bar**: Type the name, symbol, or atomic number of an element to filter results.\r\n- **Click Elements**: Click on any element in the table to view detailed information.\r\n\r\n---\r\n\r\n## 🔗 **Website Link**\r\nBelow is the final Deployed website link which is publically available.. 🔥\r\n\u003ca href=\"https://interact-periodic-table.netlify.app/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eClick Me To See Periodic Table\u003c/a\u003e\r\n\r\n## 🤝 **Contributing**\r\n\r\nWe welcome contributions! To contribute:\r\n1. Fork this repository.\r\n2. Create a new branch:\r\n   ```bash\r\n   git checkout -b feature-name\r\n   ```\r\n3. Commit your changes:\r\n   ```bash\r\n   git commit -m \"Added new feature\"\r\n   ```\r\n4. Push to your branch:\r\n   ```bash\r\n   git push origin feature-name\r\n   ```\r\n5. Open a pull request.\r\n\r\n---\r\n\r\n## 💡 **Future Enhancements**\r\n\r\n- Add more visualization features, like periodic trends and 3D models.\r\n- Include filtering by properties like states of matter or metallic character.\r\n- Integrate with educational content or quizzes.\r\n\r\n---\r\n👥 Contributors\r\n\r\nWe thank the following individuals for their valuable contributions to this project:\r\n\t•\t[Arvind Kumar](https://github.com/Arvind-kumar2006) \r\n\t•\t[Kumar Aditya](https://github.com/kumaradityaapril)\r\n\t•\t[Kushagra](https://github.com/Aerospace-prog)\r\n\t•\t[Gunjan](https://github.com/gunjan-mahesw)\r\n\t•\t[Saahi](https://github.com/Saahi30)\r\n\r\n ---\r\n\r\n## 🧑‍💻 **Contact**\r\n\r\nFor questions, feedback, or collaboration opportunities, feel free to reach out:\r\n\r\n- **Email**: kushagra22.aug@gmail.com\r\n- **GitHub**: [Aerospace-prog](https://github.com/Aerospace-prog)\r\n\r\n---\r\n\r\nHappy Learning! 🎉\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faerospace-prog%2Finteractive-periodic-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faerospace-prog%2Finteractive-periodic-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faerospace-prog%2Finteractive-periodic-table/lists"}