Create a mini guide to help the users learn to use the app

ackzell commented 4 years ago

Ideally this is a very intuitive app, but in case anyone needs help using it we want to create either:

a) A gif animation that showcases the different features. b) An on-page tour ( see https://github.com/usablica/intro.js, https://github.com/pulsardev/vue-tour)

[x] Record button starts the recording.
[x] Once recording started, can be completed by clicking on the red button. (Stop recording)
[x] If the recording is not going well, it can be discarded by clicking on the trash can. (Discard recording)
[x] The timer will let you know how much time you have left on your recording.
[x] At 10 seconds remaining it will turn yellow.
[x] At 5 seconds remaining it will turn red.
[x] Once the recording has finished, it will appear on the list of recordings.
[x] Limited to 3 recordings.
[x] You can select any of the 3 recordings to be sent.
[x] You can download your own recordings as an .mp3 file.
[x] You can remove a recording if you want to record again and you have reached the limit of 3.
[x] Type your name and hit "send" when you want the recording to be uploaded.

ackzell commented 4 years ago

We want to get the feedback for the initial user tests first.

We can determine if we actually need this / how we want to present it after that initial feedback.

ackzell commented 4 years ago

A video has been added.

ackzell / camati