{"id":29854911,"url":"https://github.com/hasibcoderlab/instaheart-click-animation","last_synced_at":"2025-07-29T22:19:39.047Z","repository":{"id":302019860,"uuid":"1010218179","full_name":"HasibCoderLab/InstaHeart-Click-Animation","owner":"HasibCoderLab","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-30T05:44:37.000Z","size":1780,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-30T06:34:37.179Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://insta-heart-click-animation.vercel.app","language":"CSS","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/HasibCoderLab.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}},"created_at":"2025-06-28T15:50:49.000Z","updated_at":"2025-06-30T05:44:40.000Z","dependencies_parsed_at":"2025-06-30T06:34:38.842Z","dependency_job_id":"b4131feb-f197-40c2-8dea-47a88b7bc0b4","html_url":"https://github.com/HasibCoderLab/InstaHeart-Click-Animation","commit_stats":null,"previous_names":["hasibcoderlab/instaheart-click-animation"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/HasibCoderLab/InstaHeart-Click-Animation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HasibCoderLab%2FInstaHeart-Click-Animation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HasibCoderLab%2FInstaHeart-Click-Animation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HasibCoderLab%2FInstaHeart-Click-Animation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HasibCoderLab%2FInstaHeart-Click-Animation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HasibCoderLab","download_url":"https://codeload.github.com/HasibCoderLab/InstaHeart-Click-Animation/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HasibCoderLab%2FInstaHeart-Click-Animation/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267771883,"owners_count":24142081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2025-07-29T22:19:38.480Z","updated_at":"2025-07-29T22:19:39.020Z","avatar_url":"https://github.com/HasibCoderLab.png","language":"CSS","readme":"# 💖 InstaHeart-Click-Animation - Instagram-Like Click Animation\n\nThis mini project recreates the iconic Instagram \"double-tap heart\" animation using HTML, CSS, and JavaScript. When you click on the image, a heart appears, scales up, and fades away—just like Instagram!\n\n## 🚀 Features\n\n- 📸 Image click animation\n- ❤️ Heart icon that pulses and fades\n- 🎨 Clean and responsive design\n- ⚡ Lightweight and fast\n\n## 🔧 Tech Stack\n\n- HTML5\n- CSS3\n- JavaScript (Vanilla)\n- Remix Icon CDN for heart icon\n\n## 📂 Project Structure\n\n```\nInstaHeart/\n├── index.html\n├── style.css\n├── script.js\n└── images/\n    ├── Photo.jfif\n    └── Icon/\n        └── icon.jfif\n```\n\n## 🖱️ How It Works\n\n1. Click on the image.\n2. A heart icon appears and scales up.\n3. It then fades away smoothly after a short delay.\n\n## 🎯 Use Case\n\nThis animation can be used in:\n\n- Like systems\n- Reaction buttons\n- Interactive UI designs\n\n## 📸 Preview\n![Preview of  💖 InstaHeart-Click-Animation  ](images/README/Screenshot.png) \n\n\n## 🛠️ Setup Instructions\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/your-username/InstaHeart.git\n   ```\n\n2. Open the `index.html` file in your browser.\n\n\u003e No dependencies or installations needed. Pure frontend fun!\n\n## 📬 Contact\n\nMade with 💖 by **Mohammad Hasib Hasan**  \n🔗 GitHub: [@HasibCoderLab](https://github.com/HasibCoderLab)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhasibcoderlab%2Finstaheart-click-animation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhasibcoderlab%2Finstaheart-click-animation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhasibcoderlab%2Finstaheart-click-animation/lists"}