Project Name

EDM BeatBox Project

Table of Contents

• Project Descripton
• Screenshots
• How to Play
• Technologies
• Setup
• Features
• Status
• Inspiration
• Learning Resources
• Contact

Project Description

EDM Beatbox project was build to apply my knowledge of learning Javascript, HTML and CSS. Particularly on learning how Object Oriented Programming (OOP) works

Screenshots

How to Play

This EDM Beatbox works using keyboard keyCode, so by pressing the keyboard as refer to Sounds slots, the music will start to play with variety duration each button.

Check this out: EDM Beatbox

Technologies

• Hyper Text Markup Language (HTML)
• Cascading Style Sheets (CSS)
• Javascript

Setup

• Text Editor (VS Code) Compatible browser with Javascript, Html, and CSS

Features

List of EDM Beatbox features already developed:

• Bassline Loop
• Drums Loop
• FX Loop
• Synth Loop

Future potential development features:

• Records and Play EDM Beatbox
• Records Playlist
• Light and Dark theme

Status

This beatbox project still in improvement progress for adding more awesome features and EDM tones references.

Inspiration

This Beatbox project was inspired by Profit With Javascript Course module, and combine with Launchpad music modelling.

Learning Resources

• Basic Design: Profit With Javascript Course Module
• Neon Header: inspired by GeorgePark
• EDM Sounds Loop: NEWLOOP
• Javascript Keycode: W3School
• CSS Setting: W3School, csstricks
• Sketch Drawer: draw.io
• .wav-.mp3 converter: OnlineAudioConverter
• Other: stackoverflow

Contact

Created by Nakula Marvellio - feel free to contact me!