fanmixco / toastmasters-timer

The best Toastmasters Timer for your meetings, it's simple, fast, and accurate.

Toastmasters Timer

The best Toastmasters Timer for your meetings, it's simple, fast, and accurate. It was developed by Federico Navarrete of The Leader Ship Toastmasters in Łódź, Poland.

Feel free to level up your meetings using it anywhere at any time in all your meetings!

Do you need some extra ideas on how to use it with Prezi Video? Check my YouTube Channel Series and empower your meetings to a New Level ⏫!

This edition is based on the feedback provided by multiple contributors from all over the world for one year (Jan 2018 to Jan 2019).

This App provides you with different options, for example:

• Question of the Day (30s).
• 4 to 6 min (Ice-Breaker).
• 5 to 7 min (Common).
• 1 minute.
• 1 to 1:30 min (Evaluator's introduction).
• 2 to 3 min (Evaluation).
• 5 to 6 min (General evaluation).
• 1 to 2 min (Table topics).
• 8 to 10 min.
• 10 to 12 min.
• 13 to 15 min.
• 18 to 20 min.
• Custom, create your own speech up to 100 hours.

All speeches are recorded for sharing with your members or guests.

Special features:

• Vibrating when a specific segment has been reached (ONLY available in iOS, Android-based devices, or Windows Tablets).
• Beeping when a specific segment has been reached (Desktop ONLY).
• Clapping when the maximum time has been exceeded (Desktop ONLY).

Color coding:

• Light Green, speeches that didn't reach the minimum time (-30s), but still qualified in a contest (ONLY available in reports preview and exports to PDF).
• Green, minimum time was reached.
• Yellow, optimal time was reached.
• Read, maximum time was reached.
• Black, speeches that exceed the maximum time (+30s or predefined) and are disqualified in a Toastmasters contest (ONLY available in reports preview).

Extra options:

• Export the agenda to PDF.
• Dark Mode.
• Easter Eggs.

Do you want to see it your own language? Why don't you join to our Community?

This project is fully open-source and can be reused, modified, or improved freely without any constrain. Feel free to hack it and share your new ideas!

App previews

Furthermore, you can download the compiled versions in the official stores:

Play Store	Galaxy Store	Microsoft Store	Amazon Appstore	Huawei AppGallery

iOS/iPadOS

You can follow these steps:

Follow me on:

LinkedIn	YouTube	Amazon	Goodreads	Instagram	Cyber Prophets	Sharing Your Stories

toastmasters-timer's Issues

Small width

Devices with a width smaller than 390px are not shown properly.

Validate if the material select allows dynamic loading

It´s important to double-check if the select allows dynamic data loading. If it is possible, the next step would be to change the times array logic located in timer.js in order to allow the future to create custom times.

Responsive about dialog

The about dialog doesn't work properly in smartphones.

Remove overflow in Dialogs

Most of dialogs have a strange a vertical overflow.

[VISUAL] Recording twice the same speech leads to visual problems

Recording twice the same speech leads to visual problems with the circle as it behaves as if the '30s speech' was selected. Consequently, it marks red after 30s, without marking green and yellow in between.
To replicate:
1-Select any speech > 30s. E.g.> 5-7min.
2-Record the speech. Press stop to save it.
3-Record a new speech with the same time options. The timer will automatically be defaulted to 30s.

Checking the speeches after recording shows expected values. Therefore, the problem is only related to visuals.

Review Chinese translations

This language has never been reviewed properly and can be added in the future to the app:

https://poeditor.com/join/project/hJX2GTJNPv

This could potentially expand the app to the Chinese Play Stores in the future.

Replace Icons fonts for SVG

This option would reduce the PWA size but involves to recreate several sections and replace them with SVGs from:

https://materialdesignicons.com/

Add circular effect on mouse over

In order to finish the material design mode all buttons should have a circle on mouse over.

For example:

Create web shortcuts

A new feature for the PWA would be to add some web shortcuts like:

• 1 min speech.
• Basic speech 5 to 7 min.
• Table Topics 2 to 3 min.

More info: https://web.dev/app-shortcuts/

This creates a kind of get request.

Upgrade PDFJS library

The app uses an old version that is not compatible with the latest one.

Support to upload app to Chinese markets

I haven't found any information on how to upload the app to the Chinese stores as a Freelancer. Any support would be highly appreciated.

Issue with size

A new issue happens when the screen has lower screens that the following ones:

Add pop notifications for people with visual imparity

A pop notification can be optionally shown after each color has changed. This could be added as a hidden feature in the speaker section as a triple-click or tap.

Enable PWA-Install for iOS

This plugin could make the experience nicer.

https://components.pwabuilder.com/component/install_pwa

Add webshare

Add option to share results.

Overflow Y is not working on mobile devices

The overflow Y is not working in the About Dialog and there is no way to show the copyrights.

Review Arabic translations

This language has never been reviewed properly and can be added in the future to the app:

https://poeditor.com/join/project/hJX2GTJNPv

Upgrade to MDC Web

Long transition to the new framework: https://material.io/develop/web/guides/migrating-from-mdl

This one is a long and complex process because every control must be re-analyzed.

More accurate centered play section

With the new long screen devices, the play section is not very centered friendly. Right now, the play section has a workaround with a CSS class called .longPhonePortrait it's called in the last section of timer.js.

The main logic behind this trick is: "it calculates if the width is less than the double of the height." If it's then it applies the .longPhonePortrait.

Another option would be to provide the precise height to innerPlayContainer that subtract the footer and upper components height. If this is done, then you could try centering this div in the right location.

For now, the current workaround is good enough.

Create settings menu

A new section that agglomerate certain options all in one place.

Set default heights and widths for all images

Some images don´t have predefined heights and widths because they are not rendered correctly. It would be great to fix it.

Custom claps per speech

Allow configuring the claps per speech.

Fixed colors in About/Info

Some colors and images are fully inverted even when they shouldn't, for example:

• Timer and Supernova icons.
• Colors explanations.

This happens when the user chooses the dark mode.

Review French translations

This language has never been reviewed properly and can be added in the future to the app:

https://poeditor.com/join/project/hJX2GTJNPv

Add a new section for color blindness

• Add an option to replace the green color for a blue one like this: "#2196f3" and the red one for a pink one like this: "#ad1457"

More info:

https://davidmathlogic.com/colorblind/#%232196F3-%23FFEB3B-%23AD1457