update

screens/data.js

@@ -2,115 +2,115 @@
 const notes = [
   {
     name: 'C Major',
-    image: require('../img/Cmajor.png'),
+    image: require('../media/img/Cmajor.png'),
   },
   {
     name: 'D Major',
-    image: require('../img/Dmajor.png'),
+    image: require('../media/img/Dmajor.png'),
   },
   {
     name: 'E Major',
-    image: require('../img/Emajor.png'),
+    image: require('../media/img/Emajor.png'),
   },
   {
     name: 'F Sharp Major',
-    image: require('../img/Fsmajor.png'),
+    image: require('../media/img/Fsmajor.png'),
   },
   {
     name: 'F Major',
-    image: require('../img/Fmajor.png'),
+    image: require('../media/img/Fmajor.png'),
   },
   {
     name: 'E Flat Major',
-    image: require('../img/Eflatmajor.png'),
+    image: require('../media/img/Eflatmajor.png'),
   },
   {
     name: 'D Flat Major',
-    image: require('../img/Dflatmajor.png'),
+    image: require('../media/img/Dflatmajor.png'),
   },
   {
     name: 'G Major',
-    image: require('../img/Gmajor.png'),
+    image: require('../media/img/Gmajor.png'),
   },
   {
     name: 'A Major',
-    image: require('../img/Amajor.png'),
+    image: require('../media/img/Amajor.png'),
   },
   {
     name: 'B Major',
-    image: require('../img/Bmajor.png'),
+    image: require('../media/img/Bmajor.png'),
   },
   {
     name: 'C Sharp Major',
-    image: require('../img/Csmajor.png'),
+    image: require('../media/img/Csmajor.png'),
   },
   {
     name: 'B Flat Major',
-    image: require('../img/Bflatmajor.png'),
+    image: require('../media/img/Bflatmajor.png'),
   },
   {
     name: 'A Flat Major',
-    image: require('../img/Aflatmajor.png'),
+    image: require('../media/img/Aflatmajor.png'),
   },
   {
     name: 'G Flat Major',
-    image: require('../img/Gflatmajor.png'),
+    image: require('../media/img/Gflatmajor.png'),
   },
   {
     name: 'Bass Clef C Major',
-    image: require('../img/bass_cmajor.png'),
+    image: require('../media/img/bass_cmajor.png'),
   },
   {
     name: 'Bass Clef D Major',
-    image: require('../img/bass_dmajor.png'),
+    image: require('../media/img/bass_dmajor.png'),
   },
   {
     name: 'Bass Clef E Major',
-    image: require('../img/bass_emajor.png'),
+    image: require('../media/img/bass_emajor.png'),
   },
   {
     name: 'Bass Clef F Sharp Major',
-    image: require('../img/bass_fsmajor.png'),
+    image: require('../media/img/bass_fsmajor.png'),
   },
   {
     name: 'Bass Clef F Major',
-    image: require('../img/bass_fmajor.png'),
+    image: require('../media/img/bass_fmajor.png'),
   },
   {
     name: 'Bass Clef E Flat Major',
-    image: require('../img/bass_eflat.png'),
+    image: require('../media/img/bass_eflat.png'),
   },
   {
     name: 'Bass Clef D Flat Major',
-    image: require('../img/bass_dflat.png'),
+    image: require('../media/img/bass_dflat.png'),
   },
   {
     name: 'Bass Clef G Major',
-    image: require('../img/bass_gmajor.png'),
+    image: require('../media/img/bass_gmajor.png'),
   },
   {
     name: 'Bass Clef A Major',
-    image: require('../img/bass_amajor.png'),
+    image: require('../media/img/bass_amajor.png'),
   },
   {
     name: 'Bass Clef B Major',
-    image: require('../img/bass_bmajor.png'),
+    image: require('../media/img/bass_bmajor.png'),
   },
   {
     name: 'Bass Clef C Sharp Major',
-    image: require('../img/bass_csmajor.png'),
+    image: require('../media/img/bass_csmajor.png'),
   },
   {
     name: 'Bass Clef B Flat Major',
-    image: require('../img/bass_bflat.png'),
+    image: require('../media/img/bass_bflat.png'),
   },
   {
     name: 'Bass Clef A Flat Major',
-    image: require('../img/bass_aflat.png'),
+    image: require('../media/img/bass_aflat.png'),
   },
   {
     name: 'Bass Clef G Flat Major',
-    image: require('../img/bass_gflat.png'),
+    image: require('../media/img/bass_gflat.png'),
   },
 ];
 

screens/dataListen.js

+/* eslint-disable prettier/prettier */
+const listennotes = [
+  {name: 'A0', url: require('../media/sound/white/w__a.mp3')},
+  {name: 'B0', url: require('../media/sound/white/w__b.mp3')},
+
+  {name: 'C1', url: require('../media/sound/white/w_c.mp3')},
+  {name: 'D1', url: require('../media/sound/white/w_d.mp3')},
+  {name: 'E1', url: require('../media/sound/white/w_e.mp3')},
+  {name: 'F1', url: require('../media/sound/white/w_f.mp3')},
+  {name: 'G1', url: require('../media/sound/white/w_g.mp3')},
+  {name: 'A1', url: require('../media/sound/white/w_a.mp3')},
+  {name: 'B1', url: require('../media/sound/white/w_b.mp3')},
+
+  {name: 'C2', url: require('../media/sound/white/w_cc.mp3')},
+  {name: 'D2', url: require('../media/sound/white/w_dd.mp3')},
+  {name: 'E2', url: require('../media/sound/white/w_ee.mp3')},
+  {name: 'F2', url: require('../media/sound/white/w_ff.mp3')},
+  {name: 'G2', url: require('../media/sound/white/w_gg.mp3')},
+  {name: 'A2', url: require('../media/sound/white/w_aa.mp3')},
+  {name: 'B2', url: require('../media/sound/white/w_bb.mp3')},
+
+  {name: 'C3', url: require('../media/sound/white/w_ccc.mp3')},
+  {name: 'D3', url: require('../media/sound/white/w_ddd.mp3')},
+  {name: 'E3', url: require('../media/sound/white/w_eee.mp3')},
+  {name: 'F3', url: require('../media/sound/white/w_fff.mp3')},
+  {name: 'G3', url: require('../media/sound/white/w_ggg.mp3')},
+  {name: 'A3', url: require('../media/sound/white/w_aaa.mp3')},
+  {name: 'B3', url: require('../media/sound/white/w_bbb.mp3')},
+
+  {name: 'C4', url: require('../media/sound/white/w_cccc.mp3')},
+  {name: 'D4', url: require('../media/sound/white/w_dddd.mp3')},
+  {name: 'E4', url: require('../media/sound/white/w_eeee.mp3')},
+  {name: 'F4', url: require('../media/sound/white/w_ffff.mp3')},
+  {name: 'G4', url: require('../media/sound/white/w_gggg.mp3')},
+  {name: 'A4', url: require('../media/sound/white/w_aaaa.mp3')},
+  {name: 'B4', url: require('../media/sound/white/w_bbbb.mp3')},
+
+  {name: 'C5', url: require('../media/sound/white/w_ccccc.mp3')},
+  {name: 'D5', url: require('../media/sound/white/w_ddddd.mp3')},
+  {name: 'E5', url: require('../media/sound/white/w_eeeee.mp3')},
+  {name: 'F5', url: require('../media/sound/white/w_fffff.mp3')},
+  {name: 'G5', url: require('../media/sound/white/w_ggggg.mp3')},
+  {name: 'A5', url: require('../media/sound/white/w_aaaaa.mp3')},
+  {name: 'B5', url: require('../media/sound/white/w_bbbbb.mp3')},
+
+  {name: 'C6', url: require('../media/sound/white/w_cccccc.mp3')},
+  {name: 'D6', url: require('../media/sound/white/w_dddddd.mp3')},
+  {name: 'E6', url: require('../media/sound/white/w_eeeeee.mp3')},
+  {name: 'F6', url: require('../media/sound/white/w_ffffff.mp3')},
+  {name: 'G6', url: require('../media/sound/white/w_gggggg.mp3')},
+  {name: 'A6', url: require('../media/sound/white/w_aaaaaa.mp3')},
+  {name: 'B6', url: require('../media/sound/white/w_bbbbbb.mp3')},
+
+  {name: 'C7', url: require('../media/sound/white/w_ccccccc.mp3')},
+  {name: 'D7', url: require('../media/sound/white/w_ddddddd.mp3')},
+  {name: 'E7', url: require('../media/sound/white/w_eeeeeee.mp3')},
+  {name: 'F7', url: require('../media/sound/white/w_fffffff.mp3')},
+  {name: 'G7', url: require('../media/sound/white/w_ggggggg.mp3')},
+  {name: 'A7', url: require('../media/sound/white/w_aaaaaaa.mp3')},
+  {name: 'B7', url: require('../media/sound/white/w_bbbbbbb.mp3')},
+
+  {name: 'C8', url: require('../media/sound/white/w_cccccccc.mp3')},
+
+  {name: 'A#0', url: require('../media/sound/black/b__a.mp3')},
+
+  {name: 'C#1', url: require('../media/sound/black/b_c.mp3')},
+  {name: 'D#1', url: require('../media/sound/black/b_d.mp3')},
+  {name: 'F#1', url: require('../media/sound/black/b_f.mp3')},
+  {name: 'G#1', url: require('../media/sound/black/b_g.mp3')},
+  {name: 'A#1', url: require('../media/sound/black/b_a.mp3')},
+
+  {name: 'C#2', url: require('../media/sound/black/b_cc.mp3')},
+  {name: 'D#2', url: require('../media/sound/black/b_dd.mp3')},
+  {name: 'F#2', url: require('../media/sound/black/b_ff.mp3')},
+  {name: 'G#2', url: require('../media/sound/black/b_gg.mp3')},
+  {name: 'A#2', url: require('../media/sound/black/b_aa.mp3')},
+
+  {name: 'C#3', url: require('../media/sound/black/b_ccc.mp3')},
+  {name: 'D#3', url: require('../media/sound/black/b_ddd.mp3')},
+  {name: 'F#3', url: require('../media/sound/black/b_fff.mp3')},
+  {name: 'G#3', url: require('../media/sound/black/b_ggg.mp3')},
+  {name: 'A#3', url: require('../media/sound/black/b_aaa.mp3')},
+
+  {name: 'C#4', url: require('../media/sound/black/b_cccc.mp3')},
+  {name: 'D#4', url: require('../media/sound/black/b_dddd.mp3')},
+  {name: 'F#4', url: require('../media/sound/black/b_ffff.mp3')},
+  {name: 'G#4', url: require('../media/sound/black/b_gggg.mp3')},
+  {name: 'A#4', url: require('../media/sound/black/b_aaaa.mp3')},
+
+  {name: 'C#5', url: require('../media/sound/black/b_ccccc.mp3')},
+  {name: 'D#5', url: require('../media/sound/black/b_ddddd.mp3')},
+  {name: 'F#5', url: require('../media/sound/black/b_fffff.mp3')},
+  {name: 'G#5', url: require('../media/sound/black/b_ggggg.mp3')},
+  {name: 'A#5', url: require('../media/sound/black/b_aaaaa.mp3')},
+
+  {name: 'C#6', url: require('../media/sound/black/b_cccccc.mp3')},
+  {name: 'D#6', url: require('../media/sound/black/b_dddddd.mp3')},
+  {name: 'F#6', url: require('../media/sound/black/b_ffffff.mp3')},
+  {name: 'G#6', url: require('../media/sound/black/b_gggggg.mp3')},
+  {name: 'A#6', url: require('../media/sound/black/b_aaaaaa.mp3')},
+
+  {name: 'C#7', url: require('../media/sound/black/b_ccccccc.mp3')},
+  {name: 'D#7', url: require('../media/sound/black/b_ddddddd.mp3')},
+  {name: 'F#7', url: require('../media/sound/black/b_fffffff.mp3')},
+  {name: 'G#7', url: require('../media/sound/black/b_ggggggg.mp3')},
+  {name: 'A#7', url: require('../media/sound/black/b_aaaaaaa.mp3')},
+
+ ];
+
+export default listennotes;

screens/home.js

@@ -33,7 +33,7 @@ class Home extends React.PureComponent {
     return (
       <View style={styles.container}>
         <ImageBackground
-          source={require('../img/background.jpg')}
+          source={require('../media/img/background.jpg')}
           style={styles.imagebackground}>
           <SafeAreaView>
             <ScrollView>
@@ -50,7 +50,7 @@ class Home extends React.PureComponent {
                   }}>
                   <Image
                     style={styles.image1}
-                    source={require('../img/1piano.png')}
+                    source={require('../media/img/1piano.png')}
                   />
                   <Text style={styles.textmenu}>{'\n'}Scale</Text>
                 </TouchableOpacity>
@@ -59,7 +59,7 @@ class Home extends React.PureComponent {
                   onPress={() => this.props.navigation.navigate('3')}>
                   <Image
                     style={styles.image2}
-                    source={require('../img/listening.png')}
+                    source={require('../media/img/listening.png')}
                   />
                   <Text style={styles.textmenu}>{'\n'}Listen Skill</Text>
                 </TouchableOpacity>
@@ -68,7 +68,7 @@ class Home extends React.PureComponent {
                   onPress={() => this.props.navigation.navigate('4')}>
                   <Image
                     style={styles.image2}
-                    source={require('../img/records.png')}
+                    source={require('../media/img/records.png')}
                   />
                   <Text style={styles.textmenu}>{'\n'}Records</Text>
                 </TouchableOpacity>
@@ -77,7 +77,7 @@ class Home extends React.PureComponent {
                   onPress={() => this.props.navigation.navigate('5')}>
                   <Image
                     style={styles.image2}
-                    source={require('../img/settings.png')}
+                    source={require('../media/img/settings.png')}
                   />
                   <Text style={styles.textmenu}>{'\n'}Settings</Text>
                 </TouchableOpacity>

screens/listenData.js

-/* eslint-disable prettier/prettier */
-const listennotes = [
-  {name: 'A0', url: require('../sound/white/w__a.mp3')},
-  {name: 'B0', url: require('../sound/white/w__b.mp3')},
-
-  {name: 'C1', url: require('../sound/white/w_c.mp3')},
-  {name: 'D1', url: require('../sound/white/w_d.mp3')},
-  {name: 'E1', url: require('../sound/white/w_e.mp3')},
-  {name: 'F1', url: require('../sound/white/w_f.mp3')},
-  {name: 'G1', url: require('../sound/white/w_g.mp3')},
-  {name: 'A1', url: require('../sound/white/w_a.mp3')},
-  {name: 'B1', url: require('../sound/white/w_b.mp3')},
-
-  {name: 'C2', url: require('../sound/white/w_cc.mp3')},
-  {name: 'D2', url: require('../sound/white/w_dd.mp3')},
-  {name: 'E2', url: require('../sound/white/w_ee.mp3')},
-  {name: 'F2', url: require('../sound/white/w_ff.mp3')},
-  {name: 'G2', url: require('../sound/white/w_gg.mp3')},
-  {name: 'A2', url: require('../sound/white/w_aa.mp3')},
-  {name: 'B2', url: require('../sound/white/w_bb.mp3')},
-
-  {name: 'C3', url: require('../sound/white/w_ccc.mp3')},
-  {name: 'D3', url: require('../sound/white/w_ddd.mp3')},
-  {name: 'E3', url: require('../sound/white/w_eee.mp3')},
-  {name: 'F3', url: require('../sound/white/w_fff.mp3')},
-  {name: 'G3', url: require('../sound/white/w_ggg.mp3')},
-  {name: 'A3', url: require('../sound/white/w_aaa.mp3')},
-  {name: 'B3', url: require('../sound/white/w_bbb.mp3')},
-
-  {name: 'C4', url: require('../sound/white/w_cccc.mp3')},
-  {name: 'D4', url: require('../sound/white/w_dddd.mp3')},
-  {name: 'E4', url: require('../sound/white/w_eeee.mp3')},
-  {name: 'F4', url: require('../sound/white/w_ffff.mp3')},
-  {name: 'G4', url: require('../sound/white/w_gggg.mp3')},
-  {name: 'A4', url: require('../sound/white/w_aaaa.mp3')},
-  {name: 'B4', url: require('../sound/white/w_bbbb.mp3')},
-
-  {name: 'C5', url: require('../sound/white/w_ccccc.mp3')},
-  {name: 'D5', url: require('../sound/white/w_ddddd.mp3')},
-  {name: 'E5', url: require('../sound/white/w_eeeee.mp3')},
-  {name: 'F5', url: require('../sound/white/w_fffff.mp3')},
-  {name: 'G5', url: require('../sound/white/w_ggggg.mp3')},
-  {name: 'A5', url: require('../sound/white/w_aaaaa.mp3')},
-  {name: 'B5', url: require('../sound/white/w_bbbbb.mp3')},
-
-  {name: 'C6', url: require('../sound/white/w_cccccc.mp3')},
-  {name: 'D6', url: require('../sound/white/w_dddddd.mp3')},
-  {name: 'E6', url: require('../sound/white/w_eeeeee.mp3')},
-  {name: 'F6', url: require('../sound/white/w_ffffff.mp3')},
-  {name: 'G6', url: require('../sound/white/w_gggggg.mp3')},
-  {name: 'A6', url: require('../sound/white/w_aaaaaa.mp3')},
-  {name: 'B6', url: require('../sound/white/w_bbbbbb.mp3')},
-
-  {name: 'C7', url: require('../sound/white/w_ccccccc.mp3')},
-  {name: 'D7', url: require('../sound/white/w_ddddddd.mp3')},
-  {name: 'E7', url: require('../sound/white/w_eeeeeee.mp3')},
-  {name: 'F7', url: require('../sound/white/w_fffffff.mp3')},
-  {name: 'G7', url: require('../sound/white/w_ggggggg.mp3')},
-  {name: 'A7', url: require('../sound/white/w_aaaaaaa.mp3')},
-  {name: 'B7', url: require('../sound/white/w_bbbbbbb.mp3')},
-
-  {name: 'C8', url: require('../sound/white/w_cccccccc.mp3')},
-
-  {name: 'A#0', url: require('../sound/black/b__a.mp3')},
-
-  {name: 'C#1', url: require('../sound/black/b_c.mp3')},
-  {name: 'D#1', url: require('../sound/black/b_d.mp3')},
-  {name: 'F#1', url: require('../sound/black/b_f.mp3')},
-  {name: 'G#1', url: require('../sound/black/b_g.mp3')},
-  {name: 'A#1', url: require('../sound/black/b_a.mp3')},
-
-  {name: 'C#2', url: require('../sound/black/b_cc.mp3')},
-  {name: 'D#2', url: require('../sound/black/b_dd.mp3')},
-  {name: 'F#2', url: require('../sound/black/b_ff.mp3')},
-  {name: 'G#2', url: require('../sound/black/b_gg.mp3')},
-  {name: 'A#2', url: require('../sound/black/b_aa.mp3')},
-
-  {name: 'C#3', url: require('../sound/black/b_ccc.mp3')},
-  {name: 'D#3', url: require('../sound/black/b_ddd.mp3')},
-  {name: 'F#3', url: require('../sound/black/b_fff.mp3')},
-  {name: 'G#3', url: require('../sound/black/b_ggg.mp3')},
-  {name: 'A#3', url: require('../sound/black/b_aaa.mp3')},
-
-  {name: 'C#4', url: require('../sound/black/b_cccc.mp3')},
-  {name: 'D#4', url: require('../sound/black/b_dddd.mp3')},
-  {name: 'F#4', url: require('../sound/black/b_ffff.mp3')},
-  {name: 'G#4', url: require('../sound/black/b_gggg.mp3')},
-  {name: 'A#4', url: require('../sound/black/b_aaaa.mp3')},
-
-  {name: 'C#5', url: require('../sound/black/b_ccccc.mp3')},
-  {name: 'D#5', url: require('../sound/black/b_ddddd.mp3')},
-  {name: 'F#5', url: require('../sound/black/b_fffff.mp3')},
-  {name: 'G#5', url: require('../sound/black/b_ggggg.mp3')},
-  {name: 'A#5', url: require('../sound/black/b_aaaaa.mp3')},
-
-  {name: 'C#6', url: require('../sound/black/b_cccccc.mp3')},
-  {name: 'D#6', url: require('../sound/black/b_dddddd.mp3')},
-  {name: 'F#6', url: require('../sound/black/b_ffffff.mp3')},
-  {name: 'G#6', url: require('../sound/black/b_gggggg.mp3')},
-  {name: 'A#6', url: require('../sound/black/b_aaaaaa.mp3')},
-
-  {name: 'C#7', url: require('../sound/black/b_ccccccc.mp3')},
-  {name: 'D#7', url: require('../sound/black/b_ddddddd.mp3')},
-  {name: 'F#7', url: require('../sound/black/b_fffffff.mp3')},
-  {name: 'G#7', url: require('../sound/black/b_ggggggg.mp3')},
-  {name: 'A#7', url: require('../sound/black/b_aaaaaaa.mp3')},
-
- ];
-
-export default listennotes;

screens/listening.js

@@ -22,7 +22,7 @@ import {
 import {Stopwatch} from 'react-native-stopwatch-timer';
 import Orientation from 'react-native-orientation';
 //import * as RNFS from 'react-native-fs';
-import Listennotes from './listenData';
+import Listennotes from './dataListen';
 //import OtherClass from './saveRecords';
 import Sound from 'react-native-sound';
 //import moment from 'moment';
@@ -58,8 +58,8 @@ const NOTESBLACK = [{name: 'A#0', left: 0.046},
 ];
 
 const keywordsList = [];
-const corSound = require('../sound/correct.mp3');
-const wroSound = require('../sound/wrong.mp3');
+const corSound = require('../media/sound/correct.mp3');
+const wroSound = require('../media/sound/wrong.mp3');
 const keySound = Listennotes;
 
 var soundN = '';
@@ -238,7 +238,7 @@ class Listen extends React.Component {
     return (
       <View style={styles.container}>
        <ImageBackground
-          source={require('../img/background.jpg')}
+          source={require('../media/img/background.jpg')}
           style={{
             width: '100%',
             height: '100%',
@@ -312,7 +312,7 @@ class Listen extends React.Component {
                 alignItems: 'center',
               }}>
                 <ImageBackground
-          source={require('../img/correctAlert.png')}
+          source={require('../media/img/correctAlert.png')}
           style={{
             width: '130%',
             height: '95%',
@@ -349,7 +349,7 @@ class Listen extends React.Component {
                 alignItems: 'center',
               }}>
                 <ImageBackground
-          source={require('../img/wrongAlert.png')}
+          source={require('../media/img/wrongAlert.png')}
           style={{
             width: '130%',
             height: '95%',
@@ -387,7 +387,7 @@ class Listen extends React.Component {
                 alignItems: 'center',
               }}>
                 <ImageBackground
-          source={require('../img/doneAlert.png')}
+          source={require('../media/img/doneAlert.png')}
           style={{
             width: '120%',
             height: '98%',

screens/logbook.js

@@ -50,7 +50,7 @@ class LogBook extends React.PureComponent {
     return (
       <View style={styles.container}>
         <ImageBackground
-          source={require('../img/background.jpg')}
+          source={require('../media/img/background.jpg')}
           style={styles.imagebackground}>
           <SafeAreaView>
             <ScrollView

screens/quiz.js

@@ -31,37 +31,37 @@ const time = moment().utcOffset('+08:00').format('h:mm a');
 const day = moment().utcOffset('+08:00').format('ddd');
 const path1 = RNFS.DocumentDirectoryPath + '/counter.txt';
 const NOTESWHITE = [
-  {name: 'C1', url: require('../sound/c.mp3')},
-  {name: 'D1', url: require('../sound/d.mp3')},
-  {name: 'E1', url: require('../sound/e.mp3')},
-  {name: 'F1', url: require('../sound/f.mp3')},
-  {name: 'G1', url: require('../sound/g.mp3')},
-  {name: 'A1', url: require('../sound/a.mp3')},
-  {name: 'B1', url: require('../sound/b.mp3')},
-  {name: 'C2', url: require('../sound/cc.mp3')},
-  {name: 'D2', url: require('../sound/dd.mp3')},
-  {name: 'E2', url: require('../sound/ee.mp3')},
-  {name: 'F2', url: require('../sound/ff.mp3')},
-  {name: 'G2', url: require('../sound/gg.mp3')},
-  {name: 'A2', url: require('../sound/aa.mp3')},
-  {name: 'B2', url: require('../sound/bb.mp3')},
+  {name: 'C1', url: require('../media/sound/c.mp3')},
+  {name: 'D1', url: require('../media/sound/d.mp3')},
+  {name: 'E1', url: require('../media/sound/e.mp3')},
+  {name: 'F1', url: require('../media/sound/f.mp3')},
+  {name: 'G1', url: require('../media/sound/g.mp3')},
+  {name: 'A1', url: require('../media/sound/a.mp3')},
+  {name: 'B1', url: require('../media/sound/b.mp3')},
+  {name: 'C2', url: require('../media/sound/cc.mp3')},
+  {name: 'D2', url: require('../media/sound/dd.mp3')},
+  {name: 'E2', url: require('../media/sound/ee.mp3')},
+  {name: 'F2', url: require('../media/sound/ff.mp3')},
+  {name: 'G2', url: require('../media/sound/gg.mp3')},
+  {name: 'A2', url: require('../media/sound/aa.mp3')},
+  {name: 'B2', url: require('../media/sound/bb.mp3')},
 ];
 const NOTESBLACK = [
-  {name: 'C#1', url: require('../sound/c_c.mp3'), left:0.048},
-  {name: 'D#1', url: require('../sound/d_d.mp3'),left:0.123},
-  {name: 'D#1', url: require('../sound/d_d.mp3'),left:0.275},
-  {name: 'F#1', url: require('../sound/f_f.mp3'),left:0.348},
-  {name: 'G#1', url: require('../sound/g_g.mp3'), left:0.423},
-  {name: 'A#1', url: require('../sound/a_a.mp3'), left:0.575},
-  {name: 'C#2', url: require('../sound/c_cc.mp3'), left:0.65},
-  {name: 'D#2', url: require('../sound/d_dd.mp3'), left:0.798},
-  {name: 'F#2', url: require('../sound/f_ff.mp3'), left:0.872},
-  {name: 'G#2', url: require('../sound/g_gg.mp3'), left:0.95},
-  {name: 'A#2', url: require('../sound/a_aa.mp3'), left:0.575},
+  {name: 'C#1', url: require('../media/sound/c_c.mp3'), left:0.048},
+  {name: 'D#1', url: require('../media/sound/d_d.mp3'),left:0.123},
+  {name: 'D#1', url: require('../media/sound/d_d.mp3'),left:0.275},
+  {name: 'F#1', url: require('../media/sound/f_f.mp3'),left:0.348},
+  {name: 'G#1', url: require('../media/sound/g_g.mp3'), left:0.423},
+  {name: 'A#1', url: require('../media/sound/a_a.mp3'), left:0.575},
+  {name: 'C#2', url: require('../media/sound/c_cc.mp3'), left:0.65},
+  {name: 'D#2', url: require('../media/sound/d_dd.mp3'), left:0.798},
+  {name: 'F#2', url: require('../media/sound/f_ff.mp3'), left:0.872},
+  {name: 'G#2', url: require('../media/sound/g_gg.mp3'), left:0.95},
+  {name: 'A#2', url: require('../media/sound/a_aa.mp3'), left:0.575},
 ];
 const keywordsList = [];
-const corSound = require('../sound/correct.mp3');
-const wroSound = require('../sound/wrong.mp3');
+const corSound = require('../media/sound/correct.mp3');
+const wroSound = require('../media/sound/wrong.mp3');
 
 var imageN = '';
 var indexN = 0;
@@ -691,7 +691,7 @@ class Quiz extends React.Component {
   ';';
 
  displayData = async () => {
-this.setState({records: []});
+ this.setState({records: []});
   try {
     const value = await AsyncStorage.getItem('@notes_key');
     console.log(JSON.parse(value));
@@ -813,7 +813,7 @@ this.setState({records: []});
     return (
       <View style={styles.container}>
        <ImageBackground
-          source={require('../img/background.jpg')}
+          source={require('../media/img/background.jpg')}
           style={styles.imagebackground}>
 
          {/* Modal Quit the Scale*/}
@@ -840,7 +840,7 @@ this.setState({records: []});
         <Modal transparent={true} visible={this.state.showC}  animationType="slide">
          <View style={styles.modalbackground}>
           <View style={styles.viewmodalCW}>
-          <ImageBackground source={require('../img/correctAlert.png')} style={styles.imagecw}>
+          <ImageBackground source={require('../media/img/correctAlert.png')} style={styles.imagecw}>
               <Text style={styles.textcw}>Correct</Text>
               <View style={styles.viewbutton}>
               <TouchableOpacity style={styles.buttonc} onPress={() => this.setState({showC: false})}>
@@ -856,7 +856,7 @@ this.setState({records: []});
          <Modal transparent={true} visible={this.state.showW} animationType="slide">
          <View style={styles.modalbackground}>
           <View style={styles.viewmodalCW}>
-            <ImageBackground source={require('../img/wrongAlert.png')} style={styles.imagecw}>
+            <ImageBackground source={require('../media/img/wrongAlert.png')} style={styles.imagecw}>
               <Text style={styles.textcw}>Wrong</Text>
                <View style={styles.viewbutton}>
                 <TouchableOpacity style={styles.buttonc} onPress={() => this.setState({showW: false})}>
@@ -872,10 +872,10 @@ this.setState({records: []});
         <Modal transparent={true} visible={this.state.showDone} animationType="slide">
          <View style={styles.modalbackground}>
           <View style={styles.viewmodalD}>
-            <ImageBackground source={require('../img/doneAlert.png')} style={styles.imagedone}>
-              <Text style={{fontSize: 25,fontFamily: 'sans-serif', textAlign: 'center', marginTop:Dimensions.get('window').height * 0.42, marginLeft:65, color:'white'}}>Well Done</Text>
-              <Text style={{fontSize: 15, fontFamily: 'sans-serif', marginLeft:65, textAlign: 'center', color: 'green'}}>Correct : {this.state.correct}</Text>
-              <Text style={{fontSize: 15, fontFamily: 'sans-serif', marginLeft:65, textAlign: 'center', color:'red'}}>Wrong: {this.state.wrong}</Text>
+            <ImageBackground source={require('../media/img/doneAlert.png')} style={styles.imagedone}>
+              <Text style={styles.textwelldone}>Well Done</Text>
+              <Text style={styles.modaltextcorrect}>Correct : {this.state.correct}</Text>
+              <Text style={styles.modaltextwrong}>Wrong: {this.state.wrong}</Text>
               <View
               style={styles.viewmodalDD}>
               <TouchableOpacity style={styles.buttonc} onPress={() => this.backAction()}>
@@ -899,26 +899,8 @@ this.setState({records: []});
               //console.log(tt);
               stime = tt;
             }}
-            options={{ container: {
-    backgroundColor: 'black',
-    padding: 5,
-    borderRadius: 10,
-    borderColor:'white',
-    borderWidth:3,
-    width: 200,
-    alignItems: 'center',
-  },
-  text: {
-    fontSize: 25,
-    color: '#FFF',
-    textAlign: 'center',
-    paddingTop: 5,
-    alignItems: 'center',
-    fontFamily: 'sans-serif',
-  },
-  }}
             // Options for the styling
-          />
+            options={[styles.optcontainer, styles.opttext]}/>
           </View>
           <View style={styles.buttonView}>
             <View style={styles.submit}>

screens/settings.js

@@ -18,7 +18,7 @@ import Notes from './data';
 import * as RNFS from 'react-native-fs';
 import NumericInput from 'react-native-numeric-input';
 import AsyncStorage from '@react-native-async-storage/async-storage';
-import notesData from './notesData';
+import notesData from './dataNotes';
 var path1 = RNFS.DocumentDirectoryPath + '/counter.txt';
 var counter = 0;
 var notes = notesData;
@@ -153,7 +153,7 @@ export default class Settings extends React.Component {
     return (
       <View style={styles.container}>
       <ImageBackground
-          source={require('../img/background.jpg')}
+          source={require('../media/img/background.jpg')}
           style={styles.imagebackground}>
           <SafeAreaView>
           <View style={styles.view1}>

style/styleQuiz.js

@@ -6,9 +6,11 @@ export default StyleSheet.create({
     width: '100%',
     height: '100%',
   },
-
   //Modal Quit
-  modalbackground: {backgroundColor: '#000000aa', flex: 1},
+  modalbackground: {
+    backgroundColor: '#000000aa',
+    flex: 1,
+  },
   viewmodalQ: {
     marginLeft: Dimensions.get('window').width * 0.35,
     width : Dimensions.get('window').width * 0.4,
@@ -20,7 +22,13 @@ export default StyleSheet.create({
     borderColor: 'black',
     borderWidth: 5,
   },
-  textquit: {fontSize: 25,fontFamily: 'sans-serif', textAlign: 'center', marginTop: 5, color:'black'},
+  textquit: {
+    fontSize: 25,
+    fontFamily: 'sans-serif',
+    textAlign: 'center',
+    marginTop: 5,
+    color:'black',
+  },
   viewmodalQQ : {
     alignItems: 'center',
     flexDirection: 'row',
@@ -36,7 +44,6 @@ export default StyleSheet.create({
     borderRightColor:'black',
     borderWidth: 3,
     marginRight:5,
-
   },
   buttonno: {
     backgroundColor: 'white',
@@ -51,8 +58,10 @@ export default StyleSheet.create({
     borderTopColor:'black',
     marginLeft:5,
   },
-  textqq: {color: 'black',fontFamily: 'sans-serif'},
-
+  textqq: {
+    color: 'black',
+    fontFamily: 'sans-serif',
+  },
   // Modal Correct and Wrong
   viewmodalCW: {
     marginLeft: Dimensions.get('window').width * 0.25,
@@ -63,9 +72,18 @@ export default StyleSheet.create({
     width: '130%',
     height: '95%',
     },
-  textcw: {fontSize: 25,fontFamily: 'sans-serif',textAlign: 'center', 
-  marginTop:Dimensions.get('window').height * 0.43, marginLeft:120, color:'white'},
-  viewbutton: {alignItems: 'center',marginLeft:120,},
+  textcw: {
+    fontSize: 25,
+    fontFamily: 'sans-serif',
+    textAlign: 'center',
+    marginTop:Dimensions.get('window').height * 0.43,
+    marginLeft:120,
+    color:'white',
+  },
+  viewbutton: {
+    alignItems: 'center',
+    marginLeft:120,
+  },
   buttonc: {
     backgroundColor: 'white',
     borderColor: 'black',
@@ -74,7 +92,9 @@ export default StyleSheet.create({
     marginTop:10,
     marginBottom:10,
   },
-  buttonok: {color: 'black'},
+  buttonok: {
+    color: 'black',
+  },
   // Modal Done
   viewmodalD: {
     marginLeft: Dimensions.get('window').width * 0.3,
@@ -89,6 +109,28 @@ export default StyleSheet.create({
     alignItems: 'center',
     marginLeft:70,
   },
+  textwelldone: {
+    fontSize: 25,
+    fontFamily: 'sans-serif',
+    textAlign: 'center',
+    marginTop:Dimensions.get('window').height * 0.42,
+    marginLeft:65,
+    color:'white',
+  },
+  modaltextcorrect: {
+    fontSize: 15,
+    fontFamily: 'sans-serif',
+    marginLeft:65,
+    textAlign: 'center',
+    color: 'green',
+  },
+  modaltextwrong: {
+    fontSize: 15,
+    fontFamily: 'sans-serif',
+    marginLeft:65,
+    textAlign: 'center',
+    color: 'red',
+  },
   c1: {
     height: '70%',
     alignItems: 'center',
@@ -217,6 +259,7 @@ export default StyleSheet.create({
     flexDirection: 'column',
     marginLeft: config.deviceHeight * 1.0,
   },
+  //White Notes
   buttonStyle: {
     width: config.deviceWidth * 0.075,
     alignItems: 'center',
@@ -233,6 +276,7 @@ export default StyleSheet.create({
     borderColor: 'black',
     borderBottomWidth: 1,
   },
+  //Black Notes
   buttonB1: {
     alignItems: 'center',
     backgroundColor: 'black',
@@ -249,48 +293,22 @@ export default StyleSheet.create({
     width: '5%',
     position: 'absolute',
   },
-   buttonStyleSettings: {
-    flex: 1,
-    width: config.deviceHeight * 0.4,
-    alignItems: 'center',
-    borderWidth: 1,
-    borderColor: 'black',
+  //timer
+   optcontainer: {
+    backgroundColor: 'black',
+    padding: 5,
     borderRadius: 10,
-    backgroundColor: 'white',
-    padding: 10,
-    marginRight: config.deviceHeight * 0.03,
-    marginBottom: config.deviceWidth * 0.03,
-  },
-  selectedKeywordStyleSettings: {
-    flex: 1,
-    backgroundColor: 'rgba(0,0,0,0)',
-    width: config.deviceHeight * 0.4,
+    borderColor:'white',
+    borderWidth:3,
+    width: 200,
     alignItems: 'center',
-    borderWidth: 1,
-    borderColor: 'black',
-    borderRadius: 10,
-    marginRight: config.deviceHeight * 0.03,
-    marginBottom: config.deviceWidth * 0.03,
-    padding: 10,
   },
-   containerSettings: {
+  opttext: {
+    fontSize: 25,
+    color: '#FFF',
+    textAlign: 'center',
+    paddingTop: 5,
     alignItems: 'center',
-    justifyContent: 'center',
-    width: '100%',
-    height: '100%',
+    fontFamily: 'sans-serif',
   },
-  viewSettings: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    width: config.deviceHeight,
-    marginLeft: config.deviceWidth * 0.05,
-    marginRight: config.deviceWidth * 0.08,
-    },
-    viewInputSettings: {
-      alignItems:'center',
-      marginTop: '15%',
-      marginLeft: config.deviceHeight * 0.08,
-      marginRight: config.deviceHeight * 0.1,
-      flexDirection: 'row',
-      flexWrap: 'wrap'},
 });