{"id":50738368,"url":"https://github.com/aftab-s/groove-and-grind","last_synced_at":"2026-06-10T15:34:15.115Z","repository":{"id":344861062,"uuid":"1183426300","full_name":"aftab-s/groove-and-grind","owner":"aftab-s","description":"VibeScript Series - 1 : Groove \u0026 Grind, A Coffee Brand Website with ✨ Google's Antigravity, Stitch, and Imagination.","archived":false,"fork":false,"pushed_at":"2026-03-16T16:32:41.000Z","size":18093,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-03-17T03:54:58.034Z","etag":null,"topics":["antigravity","googlestitch","reactjs","tailwindcss","vibe-coding"],"latest_commit_sha":null,"homepage":"https://groove-and-grind.vercel.app/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aftab-s.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2026-03-16T15:41:43.000Z","updated_at":"2026-03-16T16:32:44.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/aftab-s/groove-and-grind","commit_stats":null,"previous_names":["aftab-s/groove-and-grind"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/aftab-s/groove-and-grind","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aftab-s%2Fgroove-and-grind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aftab-s%2Fgroove-and-grind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aftab-s%2Fgroove-and-grind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aftab-s%2Fgroove-and-grind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aftab-s","download_url":"https://codeload.github.com/aftab-s/groove-and-grind/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aftab-s%2Fgroove-and-grind/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34159251,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-10T02:00:07.152Z","response_time":89,"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":["antigravity","googlestitch","reactjs","tailwindcss","vibe-coding"],"created_at":"2026-06-10T15:34:13.297Z","updated_at":"2026-06-10T15:34:15.105Z","avatar_url":"https://github.com/aftab-s.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ☕ Groove \u0026 Grind - Calm Coffee Rituals\n\nGroove \u0026 Grind is a coffee showcase website built around peaceful mornings, floral notes, and soft music. The experience is designed to feel quiet, warm, and intentional - like the first slow cup of the day.\n\n![Hero Section Preview](./public/images/hero-screenshot.png)\n\n---\n\n## 🌸 The Experience\n\n- **Calm Visual Direction**: Soft light, flower-field atmosphere, and gentle contrast for a serene first impression.\n- **Smooth Scrolling**: Powered by **Lenis** for fluid page movement and relaxed pacing.\n- **Motion with Restraint**: Built with **Framer Motion** for elegant reveals, depth, and subtle interactions.\n- **Story-Led Sections**: Hero, floral coffee collection, quiet moments carousel, and a Morning Circle subscription flow.\n\n---\n\n## 🛠️ Tech Stack\n\n- **React 19** - Component-driven UI architecture.\n- **Vite** - Fast local development and optimized production builds.\n- **Framer Motion** - Animation, transitions, and interaction choreography.\n- **Lenis** - Smooth scrolling behavior.\n- **Vanilla CSS3** - Custom styling system and visual effects.\n\n---\n\n## 🚀 Getting Started\n\n### Prerequisites\n- Node.js (latest LTS recommended)\n- npm\n\n### Installation\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/your-username/groove-grind.git\n   cd groove-grind\n   ```\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n3. Start local development:\n   ```bash\n   npm run dev\n   ```\n4. Build for production:\n   ```bash\n   npm run build\n   ```\n\n---\n\n## ✨ Design Philosophy\n\nThis project treats coffee as a mood and ritual. Every headline, transition, and section flow aims to communicate calm, beauty, and presence - inspired by flowers, music, and slow mornings.\n\n---\n*This project was vibe coded with ❤️ using Antigravity, Stitch, and my imagination.*\n\n## 📜 License\nMIT © 2026 Groove \u0026 Grind\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faftab-s%2Fgroove-and-grind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faftab-s%2Fgroove-and-grind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faftab-s%2Fgroove-and-grind/lists"}