{"id":27794576,"url":"https://github.com/bramtechs/vibe-beach","last_synced_at":"2026-04-13T13:02:53.996Z","repository":{"id":290456040,"uuid":"974516847","full_name":"bramtechs/vibe-beach","owner":"bramtechs","description":"🏖️ A walkable 3D beach paradise in your browser! Explore, relax, and soak up the digital sun with WASD controls, dynamic lighting, and customizable atmosphere. Built with React, Three.js, and good vibes! 🌊 (Parody)","archived":false,"fork":false,"pushed_at":"2025-05-06T21:01:31.000Z","size":56499,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-26T20:44:05.066Z","etag":null,"topics":["3d","animation","crypto","interactive","modern","react","suno-ai","tailwindcss","threejs","typescript","vibe","vibe-coding","vite","webgl"],"latest_commit_sha":null,"homepage":"https://bramtechs.github.io/vibe-beach/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bramtechs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.txt","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-04-28T22:44:49.000Z","updated_at":"2025-05-06T21:11:18.000Z","dependencies_parsed_at":"2025-04-30T19:58:29.743Z","dependency_job_id":null,"html_url":"https://github.com/bramtechs/vibe-beach","commit_stats":null,"previous_names":["bramtechs/vibe-beach"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bramtechs/vibe-beach","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bramtechs%2Fvibe-beach","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bramtechs%2Fvibe-beach/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bramtechs%2Fvibe-beach/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bramtechs%2Fvibe-beach/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bramtechs","download_url":"https://codeload.github.com/bramtechs/vibe-beach/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bramtechs%2Fvibe-beach/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31753551,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T09:16:15.125Z","status":"ssl_error","status_checked_at":"2026-04-13T09:16:05.023Z","response_time":93,"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":["3d","animation","crypto","interactive","modern","react","suno-ai","tailwindcss","threejs","typescript","vibe","vibe-coding","vite","webgl"],"created_at":"2025-04-30T19:58:26.076Z","updated_at":"2026-04-13T13:02:53.979Z","avatar_url":"https://github.com/bramtechs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vibe Beach 🏖️\n\n## 🌐 Take a Dip!\n\n[https://bramtechs.github.io/vibe-beach/](https://bramtechs.github.io/vibe-beach/)\n\n\u003cimg src=\"./public/logo.png\" alt=\"Screenshot 1\" height=\"300\" /\u003e\n\n\u003e 🌊 **Welcome to Vibe Beach!** Where the sun never sets and the vibes are always right. This isn't just another web app - it's your personal beach getaway, right in your browser! 🎉\n\n## 📸 Picture Perfect\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./misc/screenshot001.jpeg\" alt=\"Screenshot 1\" style=\"max-width: 100%; height: auto; object-fit: contain;\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"./misc/screenshot002.jpeg\" alt=\"Screenshot 2\" style=\"max-width: 100%; height: auto; object-fit: contain;\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./misc/screenshot003.jpeg\" alt=\"Screenshot 3\" style=\"max-width: 100%; height: auto; object-fit: contain;\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"./misc/screenshot004.jpeg\" alt=\"Screenshot 4\" style=\"max-width: 100%; height: auto; object-fit: contain;\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## 🏄‍♂️ What's the Vibe?\n\nVibe Beach is your digital oasis - a stunning 3D beach environment that brings the perfect beach day to your screen, no sunscreen required! Built with cutting-edge tech and a whole lot of love, this project combines the power of React, TypeScript, and Three.js to create an experience that's as smooth as the ocean breeze.\n\n\u003e 💻 **Fun Fact:** This entire project was born from the creative minds of AI! From the first line of code to the final pixel, it's been crafted with the help of Bolt AI, Cursor IDE, and Claude AI. Who says robots can't be creative? 🤖✨\n\n## 🌟 Why You'll Love It\n\n- 🏖️ **Immersive 3D Beach:** Feel like you're actually there with our stunning Three.js environment\n- 🎨 **Beautiful UI:** Clean, modern design that's as refreshing as a cold drink on a hot day\n- 📱 **Responsive Design:** Looks amazing on any device - from phones to giant monitors\n- ⚡ **Lightning Fast:** Built with Vite for performance that's faster than a seagull chasing a chip\n- 🛡️ **Type-Safe:** TypeScript keeps everything running smoothly, just like a well-oiled beach umbrella\n\n## 🛠️ Tech Stack (The Good Stuff)\n\n| Category       | Tech         |\n| -------------- | ------------ |\n| **Frontend**   | React 18     |\n| **Language**   | TypeScript   |\n| **3D Magic**   | Three.js     |\n| **Styling**    | Tailwind CSS |\n| **Build Tool** | Vite         |\n| **Icons**      | Lucide React |\n\n## 🎵 Vibe Beach Original Soundtrack\n\nThe island features a jukebox with amazing tracks that you can listen to while exploring. To listen to the music:\n\n1. Find the jukebox on the island (coordinates: 10, 0, 10)\n2. Press 'P' to mute/unmute\n3. Press 'N' to switch between tracks\n\nThe soundtrack includes these amazing tracks:\n\n\u003e 🎵 **Click the links below to download the tracks:**\n\n- [Sunset Serenade - Jack Sanderson \u0026 The Beachcombers](https://raw.githubusercontent.com/bramtechs/vibe-beach/main/public/ost/Vibe%20Beach.mp3)\n- [Midnight Tide - Luna Blackwood](https://raw.githubusercontent.com/bramtechs/vibe-beach/main/public/ost/Goth%20Vibe%20Beach.mp3)\n- [Der Strand lebt - Klaus Fischer \u0026 Die Strandkörbe](https://raw.githubusercontent.com/bramtechs/vibe-beach/main/public/ost/German%20Beach.mp3)\n- [Vibu Bīchi☆Etānaru - ヴィブビーチ ☆ エターナル - Yuki Tanaka \u0026 ビーチ ☆ ガールズ (Beach☆Girls)](https://raw.githubusercontent.com/bramtechs/vibe-beach/main/public/ost/Weeb%20Beach.mp3)\n- [Thunder Beach - Axel Storm \u0026 Metal Tide](https://raw.githubusercontent.com/bramtechs/vibe-beach/main/public/ost/Metal%20Beach.mp3)\n- [Strandvibes - Pieter van Dijk](https://raw.githubusercontent.com/bramtechs/vibe-beach/main/public/ost/Strandvibes.mp3)\n- [Swag In De Lucht - Anneke van der Meer](https://raw.githubusercontent.com/bramtechs/vibe-beach/main/public/ost/Swag%20Beach.mp3)\n- ['t Ritme Leeft Hier - Janneke \u0026 De Strandgasten](https://raw.githubusercontent.com/bramtechs/vibe-beach/main/public/ost/Flemish%20Beach.mp3)\n\n\u003e 💡 **Pro Tip:** For the best experience, launch the application and listen to the music through the 3D jukebox in the scene. The positional audio system creates an immersive experience where the music volume changes based on your distance from the jukebox!\n\n## 🎮 Quick Start Guide\n\n1. **Clone \u0026 Chill:**\n\n   ```bash\n   git clone https://github.com/bramtechs/vibe-beach\n   cd vibe-beach\n   ```\n\n2. **Install the Goodies:**\n\n   ```bash\n   npm install\n   ```\n\n3. **Start the Party:**\n\n   ```bash\n   npm run dev\n   ```\n\n4. **Ready for Production:**\n   ```bash\n   npm run build\n   ```\n\n## 🎮 Available Commands\n\n| Command           | What it Does                 |\n| ----------------- | ---------------------------- |\n| `npm run dev`     | Start the development server |\n| `npm run build`   | Build for production         |\n| `npm run lint`    | Check code quality           |\n| `npm run preview` | Preview the production build |\n\n## 📁 Project Structure\n\n```\nvibe-beach/\n├── src/           # Where the magic happens\n├── public/        # Static goodies\n├── node_modules/  # All the dependencies\n├── .vscode/       # VS Code settings\n├── .bolt/         # Bolt config\n└── config files   # Various configs\n```\n\n## 🤝 Join the Party!\n\nWe'd love to have you contribute! Whether you're fixing bugs, adding features, or just improving the vibes, your help is welcome.\n\n### 🤖 Our AI-First Philosophy\n\n- AI is our co-pilot! We encourage AI-assisted development\n- Human-written code is so last century 😉\n- Contributors should communicate via LLMs.\n\n## 📄 License\n\nThis project is licensed under the GNU General Public License v3.0 (GPL v3) - see the LICENSE file for details.\n\n## 🙏 Special Thanks\n\n- Three.js community for making 3D magic possible\n- Vite team for the lightning-fast build tool\n- React team for the amazing framework\n- Cursor IDE for the smooth development experience\n- Claude AI for being the best coding buddy\n- Polyhaven for the beautiful skybox textures\n- Suno for the amazing music\n- And YOU for checking out our project! 🎉\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbramtechs%2Fvibe-beach","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbramtechs%2Fvibe-beach","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbramtechs%2Fvibe-beach/lists"}