Giter Site home page Giter Site logo

dakshika / kalimbatiles Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jonashuberts/kalimbatiles

1.0 0.0 0.0 1.36 MB

An App to practice Kalimba with your Smartphone.

Home Page: https://kalimbatiles.netlify.app/

License: Apache License 2.0

JavaScript 89.57% CSS 2.06% HTML 8.36%

kalimbatiles's Introduction

Kalimba Tiles

Welcome to Kalimba Tiles, your go-to app for practicing and mastering the enchanting melodies of the kalimba. Whether you're a beginner or an experienced player, this app is meticulously crafted to enhance your Kalimba learning experience.

Usage

  1. Fullscreen and Landscape Mode: Optimize your practice by immersing yourself in fullscreen and landscape mode.
  2. Select a File: Choose your favorite song or exercise effortlessly using the file selector.
  3. Click Play!: Dive into your Kalimba practice session with a single click.
  4. Hide Navigation Bar: Tap under the navigation bar to hide it and focus entirely on the music.
  5. Have Fun Learning: Enjoy discovering new songs and refining your kalimba skills.

Updates and Roadmap

Stay tuned for exciting updates and improvements. Here's a glimpse of what's in the pipeline:

  • Notes Setting Function: Customize your learning experience with adjustable note settings.
  • Keyboard Integration: Seamlessly connect with your keyboard for enhanced control.
  • Device Selection: Fine-tune your experience with device-specific settings. Check out the device selection settings.
  • Improve Navbar: Streamline settings with less effort and a visually pleasing UI.
  • Support different scales: Play various songs outside the c-minor scale.
  • Automatic Note Length Adjustment: Effortlessly adjust note length for a more dynamic playing experience.
  • Progressbar: See where you are in the pice (and fast forward and go back).
  • English and Additional Code Comments: Enhance code understanding with comprehensive comments.
  • Color Settings: Personalize the app interface with customizable color settings.
  • Navbar hide Button: A button to hide and unhide the navbar.

Libraries Used

Kalimba Tiles harnesses the power of the following libraries:

  • MidiPlayerJS: A versatile MIDI player for seamless integration of MIDI files.
  • soundfont-player: Enhance your kalimba sounds with this flexible SoundFont player.
  • Bootstrap: Utilizing the power of Bootstrap for a responsive and visually appealing user interface.

Links and Screenshots

Screenshots

Play Settings More Settings Device List

License

This project is licensed under the Apache License 2.0 - see the LICENSE.md file for details.

Feel the rhythm, embrace the melody, and let Kalimba Tiles be your companion on your musical journey!

kalimbatiles's People

Contributors

jonashuberts avatar urobot2011 avatar

Stargazers

Dakshika Jayathilaka avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.