Need Simple React.js Script Completed
Budget: $30 – $100 USD
I need a simple react.js script with the following requirements. I already have most of the script done, I just need it completed. Refer to the attached file react.js-script.txt for the script.
The main nav bar should have the following links:
Add timer
manage timers
Add meditation
manage meditations
Add affirmations
manage affirmations
timers ------------------------------------------
When click on 'add timer' link it will go to a form page with the following fields:
name - text box
image - uploader
inhale - text box
hold 1 - text box
exhale - text box
hold 2 -text box
number of cycles - text box
Create a 'manage timers' link. When click on 'manage timers' link it will go to a page that displays all added timers with an 'edit' and 'delete' buttons.
If I click on edit, it will go to the page to edit the timer's fields.
meditations ------------------------------------------
When click on 'add meditation' link it will go to a form page where user enters the following fields:
name - text box
image - uploader
details - text box
audio file - uploader
Create a 'manage meditations' link. When click on the link it will go to a page that displays all added meditations with a 'preview', 'edit', and 'delete' buttons. It should also display the length of the audio file.
If I click on preview, it will just play the audio.
If I click on edit, it will go to that meditation's page to edit that meditation's fields.
affirmations ---------------------------------------
When click on 'add affirmation' link it will go to a form page where user enters the following fields:
name - text box
image - uploader
details - text box
audio file - uploader
When click on the 'manage affirmations' link it will go to a page that displays all created affirmations with a 'preview', 'edit', and 'delete' buttons. It should also display the length of the audio file.
If I click on preview, it will just play the audio.
If I click on edit, it will go to that affirmation's page to edit that affirmation's fields.
The main nav bar should have the following links:
Add timer
manage timers
Add meditation
manage meditations
Add affirmations
manage affirmations
timers ------------------------------------------
When click on 'add timer' link it will go to a form page with the following fields:
name - text box
image - uploader
inhale - text box
hold 1 - text box
exhale - text box
hold 2 -text box
number of cycles - text box
Create a 'manage timers' link. When click on 'manage timers' link it will go to a page that displays all added timers with an 'edit' and 'delete' buttons.
If I click on edit, it will go to the page to edit the timer's fields.
meditations ------------------------------------------
When click on 'add meditation' link it will go to a form page where user enters the following fields:
name - text box
image - uploader
details - text box
audio file - uploader
Create a 'manage meditations' link. When click on the link it will go to a page that displays all added meditations with a 'preview', 'edit', and 'delete' buttons. It should also display the length of the audio file.
If I click on preview, it will just play the audio.
If I click on edit, it will go to that meditation's page to edit that meditation's fields.
affirmations ---------------------------------------
When click on 'add affirmation' link it will go to a form page where user enters the following fields:
name - text box
image - uploader
details - text box
audio file - uploader
When click on the 'manage affirmations' link it will go to a page that displays all created affirmations with a 'preview', 'edit', and 'delete' buttons. It should also display the length of the audio file.
If I click on preview, it will just play the audio.
If I click on edit, it will go to that affirmation's page to edit that affirmation's fields.