Skip to content

Joram3000/react-redux-jwt-bootstrap-template

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to the Fisherprace™ 'Thingamabob' repository

This is my portfolio project. I'm building an educational sequencer for kids under 12y/o that can be used by schoolteachers.

Use the Frond-End Repo (project temporarily named front react-redux-jwt-bootstrap) npm install npm run start go Live with the Server

Use Back-End Repo (project temporarily named backendexpress2) npm install npx nodemon

HOW TO PLAY WITH IT: Press the Tape-recorder to play/stop audio.

Patternmaker (sequencer)
    You can click the blocks and create a new pattern.
    Due to the target audience is 'schoolkids under 11y/o' the pattern is just 8th notes and just 1 bar long.
    The current state is stored in Redux.

Sound Selector
    Let's you choose between 4 different 'Soundsets' of 2 drumsounds.

Recorder
    If play-status is 'playing' the 'Start Recording-button' becomes visible.
    When pressed you'll see a Stop Recording-button.
    When pressed you will receive a 'blob of audio' that you can save to your computer.

Save Pattern
    Choose the color of your pattern and name it.
    When saved it is stored in Redux.

Pattern Selector
    Switch between patterns, while keeping in time.
    Start with a new empty pattern.

Press the Left Speaker
    Show/Hide Delay Effect slider

Press the Right Speaker
  Show/Hide Filter Effect slider

What is next? Create a back-end for teacher to create a class and give students the option to save their patterns to the database instead of Redux.

About

A react redux jwt template styled with react-boostrap

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.9%
  • Other 0.1%