andrefcasimiro/midikrew

A fully fledged music sequencer built with React, Redux, Web AudioContext API and Firebase

This project was bootstrapped with Create React App.

Version 0.2 now live

https://midikrew.firebaseapp.com/

Midikrew is a music sampler online with saving / exporting abilities. You can produce electronic tracks and save them to a .json file

Future roadmap includes the possibility of adding your own samples and hold a permanent reference to them using cloud storage, and you will be able to save your projects on a json database so you can share them with other members of the community!

midikrew's Issues

3 - Add SequencerManager

Add the sequencer manager which will be the whole song divided into sections (sequences), each one with an array of instruments that can also vary (user may add or delete instruments).

Sequencer Manager should then have:

• Array of sequences
• • Sequence itself (Each row is an instrument)
• • Number of steps in this sequences
• Array of instruments
• • Each instrument holds a sample

Backlog - When exporting project, filter all instruments that have empty length sequences

We shouldn't preserve unused instruments! Or should we? :/

0.2 - Bug - Assigning two repeated id instruments causes the mto play at the same time

To fix this, add Date.now()

#1 - Implement header bar (logo and navlinks)

1. Design for mobile first.
2. Navbar should contain App logo and links
3. Links should be different for visitors and users

Visitors should see:
Settings, Login, Create Account

Users should see:
Project, Settings, Account, Log out

2 - Implement Authentication with Firebase

User should be able to
| Create account
| Login
| Logout

Integrate this feature using Firebase Auth System and possible a Redux solution to keep track of the user login.

0.2 - Improve Adding Instruments

• Improve code for adding instruments (Modals)
• • We should be able to select instruments individually for each pack, and listen to a preview of each

0.2 - Implement quick duplicate command of sequences

Allow users to quickly copy and past sequences using SHIFT and copying from the source sequence to the clicked target sequence!

4 - Add bpm support and sample library packs

Add bpm support
This should be stored in the redux tree and all the components that use this should be notified (probably just the sequence manager, which controls the interval velocity)

Add sample library easy addition
We already have the menu for drums and bass. Let's add support here to add various default packs with just one click

5 - Add copy and past feature, add serialization to Save / Load projects

We should now go ahead and add the possibility to copy and past patterns.
This should take into account every fx applied to each step!

Furthermore, let's add save and load feature:

• We can serialize all sequences in the song
• They contain a list of instruments (we will store the file path)
• On Load, we must asynchronously load each sample and store it in the redux tree
• Every array of steps in a given sequence must remember the fx applied!

Backlog - Make reverb a int instead of boolean, and add more convolver samples

Make reverb a int instead of boolean, and add more convolver samples to create various reverb fx

02 - Add clearSequence reducer so that when we upload tracks we reset all existing sequences first