{"id":18509229,"url":"https://github.com/psykat1116/modern_periodic_table","last_synced_at":"2026-01-21T04:32:58.050Z","repository":{"id":200539862,"uuid":"705725839","full_name":"psykat1116/Modern_Periodic_Table","owner":"psykat1116","description":"A Beautiful, Responsive Periodic Table Web Application made using Next JS 13, Tailwind CSS, Framer Motion, Typescript, Shadcn UI","archived":false,"fork":false,"pushed_at":"2025-10-31T15:58:03.000Z","size":18274,"stargazers_count":33,"open_issues_count":0,"forks_count":8,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-31T17:31:21.194Z","etag":null,"topics":["chemistry","framer-motion","jwoc","jwoc2k24","modern-periodic-table","nextjs13","particlejs","particles","periodic-table","periodic-table-of-elements","react-icons","react-tsparticles","shadcn-ui","swiper-js","tailwindcss","typescript","xss"],"latest_commit_sha":null,"homepage":"https://modern-periodic-table.vercel.app","language":"TypeScript","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/psykat1116.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-10-16T15:15:38.000Z","updated_at":"2025-10-31T15:58:08.000Z","dependencies_parsed_at":"2023-12-15T22:42:49.225Z","dependency_job_id":"2ccf8ed7-3997-4f1c-a7cb-ea80240008b6","html_url":"https://github.com/psykat1116/Modern_Periodic_Table","commit_stats":{"total_commits":66,"total_committers":1,"mean_commits":66.0,"dds":0.0,"last_synced_commit":"1cbd19f1833747052be853bd3511678ea6f02cc8"},"previous_names":["psykat1116/modern_periodic_table"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/psykat1116/Modern_Periodic_Table","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psykat1116%2FModern_Periodic_Table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psykat1116%2FModern_Periodic_Table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psykat1116%2FModern_Periodic_Table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psykat1116%2FModern_Periodic_Table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/psykat1116","download_url":"https://codeload.github.com/psykat1116/Modern_Periodic_Table/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psykat1116%2FModern_Periodic_Table/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28626250,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-21T02:47:06.670Z","status":"ssl_error","status_checked_at":"2026-01-21T02:45:44.886Z","response_time":86,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["chemistry","framer-motion","jwoc","jwoc2k24","modern-periodic-table","nextjs13","particlejs","particles","periodic-table","periodic-table-of-elements","react-icons","react-tsparticles","shadcn-ui","swiper-js","tailwindcss","typescript","xss"],"created_at":"2024-11-06T15:16:53.081Z","updated_at":"2026-01-21T04:32:58.044Z","avatar_url":"https://github.com/psykat1116.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## \u003cdiv align=\"center\"\u003eModern Periodic Table\u003c/div\u003e\n\nWelcome to the Modern Periodic Table Web Application, an innovative and immersive platform designed to provide an extensive exploration of the periodic table of elements, with a specific emphasis on all types of metals spanning every block. This website is for educational experience for individuals passionate about the diverse world of metals.\n\n## Table of Contents\n\n1. Introduction 📌\n2. Technology Used 🚀\n3. Overview ⭐\n4. Contribution Guidelines 📑\n5. Contributing is fun 🧡\n\n## Introduction 📌\n\n\"Modern Periodic Table of Elements\" serves as a dynamic bridge between aesthetics and knowledge, offering a comprehensive journey into the fascinating realm of metals. It caters to chemistry enthusiasts, students, and researchers, providing more than just a static presentation of elements. This application is a living, breathing resource designed to make the study of metals engaging and accessible.\n\n## Technology Used 🚀\n\n1. Next Js\n2. Tailwid CSS\n3. Framer Motion\n4. Typescript\n5. React Icons\n\n## Overview ⭐\n\nExplore the richness of metals in the periodic with detailed information and interactive features.\n\n#### Features:\n\n- ###### Comprehensive Metal Insight:\n  Dive into the details of various metal types, from alkali metals to transition metals and rare earth metals.\n- ###### Interactive Interface\n  Navigate the periodic table effortlessly through an interactive interface.Click on specific elements to reveal comprehensive information, creating an enjoyable learning experience.\n- ###### Responsive Design:\n\n  Whether you're on a desktop, tablet, or mobile device, ElementsX adapts seamlessly, ensuring an optimal viewing experience across various screen sizes.\n\n- ###### User-Friendly Presentation:\n  It is designed for clarity and ease of use, making it accessible to users of all levels of expertise.\n\n \u003cdiv align=\"center\"\u003e\u003cimg src=\"https://modern-periodic-table.vercel.app/Screenshot-1.png\" height=\"300\"\u003e\u003c/div\u003e\n \u003cdiv align=\"center\"\u003e\u003cimg src=\"https://modern-periodic-table.vercel.app/Screenshot-2.png\" height=\"300\"\u003e\u003c/div\u003e\n \u003cdiv align=\"center\"\u003e\u003cimg src=\"https://modern-periodic-table.vercel.app/Screenshot-3.png\" height=\"300\"\u003e\u003c/div\u003e\n \u003cdiv align=\"center\"\u003e\u003cimg src=\"https://modern-periodic-table.vercel.app/Screenshot-4.png\" height=\"300\"\u003e\u003c/div\u003e\n\n## Contribution Guidelines 📑\n\n- Firstly add a star(⭐) in this Repository.\n- Fork the Repository and create a new branch for any updates/changes/issue you are working on.\n- Start Coding and do changes.\n- Commit your changes\n- Create a Pull Request which will be reviewed and suggestions would be added to improve it.\n- Add Screenshots and updated website links to help us understand what changes is all about.\n\n### Getting Started\n\n```bash\ngit clone https://github.com/psykat1116/Modern_Periodic_Table.git\n```\n\n### Important Point\n\nYou must change the file name `Modern_Periodic_Table` to the lowercase letter of your choice before entering into the folder otherwise it will show an error. It will also show errors and problems after running the project.\n\n```bash\ncd \u003cyour given file name\u003e\n```\n\n## Run the project\n\n```bash\nnpm install\nnpm run dev\n```\n\nYou Can See The Running Project in [http://localhost:3000](http://localhost:3000)\n\n## Contributing is fun🧡\n\nContributions of any kind from anyone are always welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpsykat1116%2Fmodern_periodic_table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpsykat1116%2Fmodern_periodic_table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpsykat1116%2Fmodern_periodic_table/lists"}