# Drum Machine Project Finished

**URL:** <https://forum.freecodecamp.org/t/drum-machine-project-finished/370884>\
**Category:** I Built This\
**Created:** [April 10, 2020, 11:56am UTC](https://forum.freecodecamp.org/t/drum-machine-project-finished/370884 "2020-04-10T11:56:18Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![unemanja](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/unemanja/32/140452_2.png) [@unemanja](https://forum.freecodecamp.org/u/unemanja)\
**Post date:** [April 10, 2020, 11:56am UTC](https://forum.freecodecamp.org/t/drum-machine-project-finished/370884/1 "2020-04-10T11:56:18Z")

</div>

Hello,

I have just finished the Drum Machine project, and would l appreciate it if you’d have some feedback.

Codepen: [https://codepen.io/unkovic\_nemanja/full/Vwvwpxg](https://codepen.io/unkovic_nemanja/full/Vwvwpxg)

Thanks In Advance  
Happy Coding

---

<div class="post-metadata">

**Author:** ![emicion](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/emicion/32/138179_2.png) [@emicion](https://forum.freecodecamp.org/u/emicion)\
**Post date:** [April 10, 2020, 9:44pm UTC](https://forum.freecodecamp.org/t/drum-machine-project-finished/370884/2 "2020-04-10T21:44:20Z")

</div>

Hello,

I think you did a very good job. I like the look and feel of the drum machine. Power button is a nice touch too. Definitely something to include in your portfolio.

-Christopher

---

<div class="post-metadata">

**Author:** ![ninjasun](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ninjasun/32/141985_2.png) [@ninjasun](https://forum.freecodecamp.org/u/ninjasun)\
**Post date:** [April 10, 2020, 10:03pm UTC](https://forum.freecodecamp.org/t/drum-machine-project-finished/370884/3 "2020-04-10T22:03:49Z")

</div>

Really nice UI. You can improve the code… never use document.getElementById(item.keyTrigger).play() with react. In that casa you can use ref to access to audio node.

---

<div class="post-metadata">

**Author:** ![unemanja](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/unemanja/32/140452_2.png) [@unemanja](https://forum.freecodecamp.org/u/unemanja)\
**Post date:** [April 11, 2020, 7:01am UTC](https://forum.freecodecamp.org/t/drum-machine-project-finished/370884/4 "2020-04-11T07:01:53Z")

</div>

Thank you both for replying.

I will look into replacing document.getElementById with ref.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 1:39pm UTC](https://forum.freecodecamp.org/t/drum-machine-project-finished/370884/5 "2021-06-01T13:39:06Z")

</div>

Closed on June 1, 2021, 1:39pm UTC