SoundBoks Configuration

A 3D interactive website I created because I love SoundBoks company and the bluetooth speaker!

Technologies Used

• React.js
• JavaScript
• React Three Fiber
• Three.js
• Valtio
• Hooks
• styled-components
• bun
• HTML 5
• CSS3
• drei

Live Demo

• https://soundboks-configuration.netlify.app/

Preview

• 

Features

• User can configure SoundBoks with different colors. (Grill, Volume Knob, Strap, & Body)
• User can adjust the speed of which the SoundBoks are going.

Development

Getting Started

1. Clone the repository.

   git clone https://github.com/Austin-Imbastari/soundbok-landingpage.git
   cd soundbok-landingpage

2. Install all dependencies with NPM.

   bun install

3. Run the webpack development server.

   bun run dev