https://bramtechs.github.io/vibe-beach/
๐ 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! ๐
Vibe 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.
๐ป 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? ๐คโจ
- ๐๏ธ Immersive 3D Beach: Feel like you're actually there with our stunning Three.js environment
- ๐จ Beautiful UI: Clean, modern design that's as refreshing as a cold drink on a hot day
- ๐ฑ Responsive Design: Looks amazing on any device - from phones to giant monitors
- โก Lightning Fast: Built with Vite for performance that's faster than a seagull chasing a chip
- ๐ก๏ธ Type-Safe: TypeScript keeps everything running smoothly, just like a well-oiled beach umbrella
| Category | Tech |
|---|---|
| Frontend | React 18 |
| Language | TypeScript |
| 3D Magic | Three.js |
| Styling | Tailwind CSS |
| Build Tool | Vite |
| Icons | Lucide React |
The island features a jukebox with amazing tracks that you can listen to while exploring. To listen to the music:
- Find the jukebox on the island (coordinates: 10, 0, 10)
- Press 'P' to mute/unmute
- Press 'N' to switch between tracks
The soundtrack includes these amazing tracks:
๐ต Click the links below to download the tracks:
- Sunset Serenade - Jack Sanderson & The Beachcombers
- Midnight Tide - Luna Blackwood
- Der Strand lebt - Klaus Fischer & Die Strandkรถrbe
- Vibu BฤซchiโEtฤnaru - ใดใฃใใใผใ โ ใจใฟใผใใซ - Yuki Tanaka & ใใผใ โ ใฌใผใซใบ (BeachโGirls)
- Thunder Beach - Axel Storm & Metal Tide
- Strandvibes - Pieter van Dijk
- Swag In De Lucht - Anneke van der Meer
- 't Ritme Leeft Hier - Janneke & De Strandgasten
๐ก 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!
-
Clone & Chill:
git clone https://github.com/bramtechs/vibe-beach cd vibe-beach -
Install the Goodies:
npm install
-
Start the Party:
npm run dev
-
Ready for Production:
npm run build
| Command | What it Does |
|---|---|
npm run dev |
Start the development server |
npm run build |
Build for production |
npm run lint |
Check code quality |
npm run preview |
Preview the production build |
vibe-beach/
โโโ src/ # Where the magic happens
โโโ public/ # Static goodies
โโโ node_modules/ # All the dependencies
โโโ .vscode/ # VS Code settings
โโโ .bolt/ # Bolt config
โโโ config files # Various configs
We'd love to have you contribute! Whether you're fixing bugs, adding features, or just improving the vibes, your help is welcome.
- AI is our co-pilot! We encourage AI-assisted development
- Human-written code is so last century ๐
- Contributors should communicate via LLMs.
This project is licensed under the GNU General Public License v3.0 (GPL v3) - see the LICENSE file for details.
- Three.js community for making 3D magic possible
- Vite team for the lightning-fast build tool
- React team for the amazing framework
- Cursor IDE for the smooth development experience
- Claude AI for being the best coding buddy
- Polyhaven for the beautiful skybox textures
- Suno for the amazing music
- And YOU for checking out our project! ๐