diff --git a/.flutter-plugins-dependencies b/.flutter-plugins-dependencies
new file mode 100644
index 00000000..1b0f101b
--- /dev/null
+++ b/.flutter-plugins-dependencies
@@ -0,0 +1 @@
+{"info":"This is a generated file; do not edit or check into version control.","plugins":{"ios":[{"name":"audioplayers","path":"C:\\\\Users\\\\grjur\\\\Documents\\\\development\\\\sdks\\\\flutter\\\\.pub-cache\\\\hosted\\\\pub.dartlang.org\\\\audioplayers-0.10.1\\\\","dependencies":["path_provider"]},{"name":"path_provider","path":"C:\\\\Users\\\\grjur\\\\Documents\\\\development\\\\sdks\\\\flutter\\\\.pub-cache\\\\hosted\\\\pub.dartlang.org\\\\path_provider-0.5.0+1\\\\","dependencies":[]}],"android":[{"name":"audioplayers","path":"C:\\\\Users\\\\grjur\\\\Documents\\\\development\\\\sdks\\\\flutter\\\\.pub-cache\\\\hosted\\\\pub.dartlang.org\\\\audioplayers-0.10.1\\\\","dependencies":["path_provider"]},{"name":"path_provider","path":"C:\\\\Users\\\\grjur\\\\Documents\\\\development\\\\sdks\\\\flutter\\\\.pub-cache\\\\hosted\\\\pub.dartlang.org\\\\path_provider-0.5.0+1\\\\","dependencies":[]}],"macos":[],"linux":[],"windows":[],"web":[]},"dependencyGraph":[{"name":"audioplayers","dependencies":["path_provider"]},{"name":"path_provider","dependencies":[]}],"date_created":"2021-09-22 19:28:05.321601","version":"2.2.3"}
\ No newline at end of file
diff --git a/ios/Flutter/flutter_export_environment.sh b/ios/Flutter/flutter_export_environment.sh
new file mode 100644
index 00000000..94441f37
--- /dev/null
+++ b/ios/Flutter/flutter_export_environment.sh
@@ -0,0 +1,14 @@
+#!/bin/sh
+# This is a generated file; do not edit or check into version control.
+export "FLUTTER_ROOT=C:\Users\grjur\Documents\development\sdks\flutter"
+export "FLUTTER_APPLICATION_PATH=C:\Users\grjur\Documents\development\projects\xylophone-flutter"
+export "COCOAPODS_PARALLEL_CODE_SIGN=true"
+export "FLUTTER_TARGET=lib\main.dart"
+export "FLUTTER_BUILD_DIR=build"
+export "SYMROOT=${SOURCE_ROOT}/../build\ios"
+export "FLUTTER_BUILD_NAME=1.0.0"
+export "FLUTTER_BUILD_NUMBER=1"
+export "DART_OBFUSCATION=false"
+export "TRACK_WIDGET_CREATION=false"
+export "TREE_SHAKE_ICONS=false"
+export "PACKAGE_CONFIG=.packages"
diff --git a/lib/main.dart b/lib/main.dart
index 28fea9ce..0250bab3 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,14 +1,57 @@
 import 'package:flutter/material.dart';
+import 'package:audioplayers/audio_cache.dart';
 
 void main() => runApp(XylophoneApp());
 
 class XylophoneApp extends StatelessWidget {
+
+  void playSound(int noteCode) {
+
+    final player = AudioCache();
+    player.play('note$noteCode.wav');
+
+  }
+
+  Expanded produceKeyNote(Color noteColor, String letter, int noteNo) {
+    return Expanded(
+    child: Container(
+     width: double.infinity,
+      child: FlatButton(
+       color: noteColor,
+       onPressed: () {
+        playSound(noteNo);
+       },
+         child: Text(letter,
+          style: TextStyle(
+          color: Colors.black,
+          fontSize: 30
+          ),
+         ),
+        ),
+       ),
+      );
+  }
+
+
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
+      debugShowCheckedModeBanner: false,
       home: Scaffold(
         body: SafeArea(
-          child: Container(),
+          child: Center(
+            child: Column(
+              children: [
+                produceKeyNote(Colors.red,'C', 1),
+                produceKeyNote(Colors.orange,'D', 2),
+                produceKeyNote(Colors.yellow,'E', 3),
+                produceKeyNote(Colors.green,'F', 4),
+                produceKeyNote(Colors.teal,'G', 5),
+                produceKeyNote(Colors.blue,'A', 6),
+                produceKeyNote(Colors.purple,'B', 7),
+              ],
+            ),
+          ),
         ),
       ),
     );
diff --git a/pubspec.yaml b/pubspec.yaml
index 92b60bfb..331a88f6 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -11,6 +11,7 @@ dependencies:
     sdk: flutter
 
   cupertino_icons: ^0.1.2
+  audioplayers: ^0.10.0
 
 dev_dependencies:
   flutter_test: