Xylophone Mobile App

Last update: May 3, 2022

App Brewery Banner

Xylophone Mobile App 🎹

The Goal

In this tutorial I will be diving into more Dart programming concepts and learning how to use open source Flutter packages. By the end of this module, I should be comfortable using Flutter packages and building repeated widgets.

What I will create

I'm going to make a music app that plays Xylophone sounds. For every Beethoven out there, this will let you unleash your musical talent where ever you are.

2022-05-02.19-37-23.mp4

What I will learn

  • How to incorporate open source libraries of code into your project using Flutter Packages.
  • How to play sound on both iOS and Android.
  • How to generate repeated user interface Widgets.
  • How to use Dart functions that can take input arguments as well as return an output.
  • Dart arrow syntax for writing one line functions.

This is a companion project to The App Brewery's Complete Flutter Development Bootcamp, check out the full course at www.appbrewery.co

GitHub

https://github.com/abcdOfficialzw/flutter-xylophone-app
You might also like...

Koel Player, the official mobile app for Koel

Koel Player, the official mobile app for Koel

Koel Player The mobile app for Koel, which provides a complete mobile app experience and doesn't have the limitations of the mobile web version. Suppo

Aug 11, 2022

DropdownButton, ToggleButton & CheckboxListTile implementation in Flutter as a Mobile App Development exercise.

DropdownButton, ToggleButton & CheckboxListTile implementation in Flutter as a Mobile App Development exercise.

Sort & Filter UI A new Flutter project. Getting Started This project is a starting point for a Flutter application. ⏮ Preview A few resources to get y

Sep 29, 2021

App mobile para gestionar recetas de comidas

recipe A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Nov 3, 2021

A Flutter Carpool Mobile App

jomshare A Flutter Carpool App Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Aug 3, 2022

A sample app of using the image_picker + path_provider and permission_handler package to request permission and store photos on mobile

A sample app of using the image_picker + path_provider and permission_handler package to request permission and store photos on mobile

image_picker_example A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you sta

Apr 19, 2022

a mobile app to search for information and watch movie, series and TV show trailers

inWatch Just a clean architecture app, to get trailers and informations of movies, series and TV shows, made with Getx, omdb API and Flutter sdk. The

Jul 19, 2022

Full Feature Todos Flutter Mobile app with fireStore integration.

Full Feature Todos Flutter Mobile app with fireStore integration.

IONICFIREBASEAPP DOWNLOAD TODO APP Marketplace for Mobile app and Backend that developed on leading Enterprise Technologies with as well as with your

Aug 10, 2022

A mobile app created using Flutter Framework for School management.

A mobile app created using Flutter Framework for School management.

Our E School This Project has been Archived as I'm no longer working on it NOTE TO NEW CLONERS: (READ THIS BEFORE USING OR CREATING AN ISSUE) || This

Jul 25, 2022

A flutter plugin for viewing PDF files in mobile app (Android & iOS)

PDF Viewer (JK) A flutter plugin for viewing PDF files in mobile app (Android & iOS) Pub.dev https://pub.dev/packages/pdf_viewer_jk Github ht

Sep 30, 2021

Related

CARP Mobile Sensing for Flutter, including mobile sensing framework, data backend support, and the CARP mobile sensing app.
CARP Mobile Sensing for Flutter, including mobile sensing framework, data backend support, and the CARP mobile sensing app.

This repo hold the source code for the CACHET Research Platform (CARP) Mobile Sensing (CAMS) Flutter software. It contains the source code for CACHET

Jun 21, 2022
A Full-Featured Mobile Browser App (such as the Google Chrome mobile browser) created using Flutter and the features offered by the flutter_inappwebview plugin.
A Full-Featured Mobile Browser App (such as the Google Chrome mobile browser) created using Flutter and the features offered by the flutter_inappwebview plugin.

Flutter Browser App A Full-Featured Mobile Browser App (such as the Google Chrome mobile browser) created using Flutter and the features offered by th

Aug 10, 2022
An open-source unofficial GitHub mobile client, that aims to deliver the ultimate GitHub experience on mobile devices.
An open-source unofficial GitHub mobile client, that aims to deliver the ultimate GitHub experience on mobile devices.

DioHub for Github Summary Features Roadmap Support Screenshots Build Instructions Summary DioHub is an open-source unofficial GitHub mobile client, th

Jul 31, 2022
Passwall-mobile - A mobile client for PassWall API written with Flutter
Passwall-mobile - A mobile client for PassWall API written with Flutter

passwall-mobile PassWall Mobile is a mobile client for PassWall API written with Flutter. Getting Started Clone the server app and build it. Install F

Jul 15, 2022
Google mobile ads applovin - AppLovin mediation plugin for Google Mobile Ads (Flutter).

AppLovin mediation plugin for Google Mobile Ads Flutter Google Mobile Ads Flutter mediation plugin for AppLovin. Use this package as a library depende

Jul 5, 2022
Ibolo-Microfinance-Bank-Mobile-Application - Mobile Banking Application With Flutter
Ibolo-Microfinance-Bank-Mobile-Application - Mobile Banking Application With Flutter

ibolo mfb A new Flutter project. Getting Started This project is a starting poin

Jan 11, 2022
Vrchat mobile client - VRChat Unofficial Mobile Client For Flutter
Vrchat mobile client - VRChat Unofficial Mobile Client For Flutter

VRChatMC VRChatの非公式なAPIを利用したVRChatのモバイルクライアント Flutterで作成されたシンプルなUIが特徴的です iosビルドは

Aug 4, 2022
Pexels-app - Wallpapers Mobile App using Flutter Framework and pexles API with provider as a state management.

jo_sequal_software_pexels_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to ge

Jan 5, 2022
App - Quotes app for mobile (Android, iOS) & web
App - Quotes app for mobile (Android, iOS) & web

5 seconds of emotion Status Download Table of Contents Status Download Table of Contents Presentation What's different from existing apps ? Technologi

Jun 2, 2022