Skip to content

Ksinia/melodic-dictation-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

85 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Melodic Dictation 🎵

This is the frontend of Melodic Dictation application. Here is the backend.

Melodic dictation is an important excercise in process of learning solfeggio. In this app user can listen to the melodies, input the notes and get the validation of his input compared to the original notes.

Details

List of melodies

List of melodies shows:

  • Melody names with the link on melody details page
  • Play button for each melody
  • Popularity of the melody which is the quantity of dictations users created with this melody

Screenshot of the list of melodies

Pull request with the 'list of melodies' page

Melody details page

Melody details page has the following features (for logged in users):

  • Play the original melody
  • Create new dictation answer
  • Input notes
  • Play user input
  • Show original melody notes after an answer is submitted
  • Show score
  • Show info about previous dictations with this melody by this user

Screenshot for melody details page with dictation

Pull request which adds melody details page

Installation

  • Clone the repository
  • Run npm install
    npm install
    

The frontend sends requests to the backend deployed to Heroku.

If you want to install backend for this app:

  • Clone this repository
  • Run mpn install for the backend
  • Set up PostgreSQL database
  • Change url in 'url.js' in the frontend to your local sever's url

Technologies used

  • react
  • redux
  • redux-thunk

About

🎵 An app to improve your ear by writing a melodic dictation (frontend)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors