{"id":29055068,"url":"https://github.com/yanguadotdev/pulse","last_synced_at":"2025-06-27T03:39:41.827Z","repository":{"id":296701451,"uuid":"993586870","full_name":"yanguadotdev/Pulse","owner":"yanguadotdev","description":"A creative landing page concept built to explore design, motion, and brand storytelling. Focused on strong visuals, scroll-based effects, and bold copy. This is a personal practice project—refining skills, experimenting freely, and pushing boundaries.","archived":false,"fork":false,"pushed_at":"2025-06-01T21:31:40.000Z","size":399,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-01T21:40:28.698Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://pulse-brand.netlify.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/yanguadotdev.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-05-31T04:37:27.000Z","updated_at":"2025-06-01T21:31:44.000Z","dependencies_parsed_at":"2025-06-01T21:40:29.731Z","dependency_job_id":"9e46da46-b087-4760-9563-edfcd9243f37","html_url":"https://github.com/yanguadotdev/Pulse","commit_stats":null,"previous_names":["yanguadotdev/pulse"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yanguadotdev/Pulse","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yanguadotdev%2FPulse","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yanguadotdev%2FPulse/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yanguadotdev%2FPulse/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yanguadotdev%2FPulse/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yanguadotdev","download_url":"https://codeload.github.com/yanguadotdev/Pulse/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yanguadotdev%2FPulse/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262183427,"owners_count":23271842,"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","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-06-27T03:39:39.906Z","updated_at":"2025-06-27T03:39:41.818Z","avatar_url":"https://github.com/yanguadotdev.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pulse — Scroll-based Animations with Vanilla JS\n\n![Pulse OG](https://pulse-brand.netlify.app/og.jpg)\n\n\nA visual concept brand and creative practice project where I recreate smooth scroll-based animations inspired by **Framer Motion**, using only **JavaScript**, **CSS**, and **HTML**, with zero frameworks.\n\n## 🎯 Project Goal\n\nThis is a **learning project** focused on:\n- Reproducing scroll-based animations and micro-interactions without libraries.\n- Exploring creative branding concepts based on rhythm, discipline, and transformation.\n- Improving structure, layout, and visual storytelling in a developer-friendly workflow.\n\n## ✨ Features\n\n- Scroll progress-based word reveal animation\n- Horizontal scroll sections (slider-like)\n- Noise background effect with CSS\n- Card animations triggered by scroll\n- Responsive design with custom typography\n- Open Graph and SEO-ready meta tags\n\n\n\n## 🚀 Technologies Used\n\n- HTML5\n- CSS3 (no preprocessor)\n- JavaScript (Vanilla)\n- Google Fonts — Bebas Neue \u0026 Inter\n- Deployed on Netlify\n\n## 🧠 Learning Focus\n\nThis repo is part of a larger personal initiative to:\n- Level up animation techniques for web design\n- Build reusable UI effects without relying on animation libraries\n- Prepare a high-impact portfolio to start offering freelance web design/dev services\n\n## 📌 Note\n\nThis project is **practice-only**, not a commercial product.  \nIf you like the concept or want to collaborate, feel free to open an issue or reach out!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyanguadotdev%2Fpulse","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyanguadotdev%2Fpulse","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyanguadotdev%2Fpulse/lists"}