TadesseAsrie/mesenko-app

Mesenko – Ethiopian Traditional Musical Instrument Simulator is a modern, interactive web application that digitally recreates the traditional Ethiopian Mesenko instrument. Built using HTML5, CSS3, and Vanilla JavaScript, it allows users to play the instrument using a keyboard, mouse, or touch controls while learning about its cultural significance # Mesenko – Ethiopian Traditional Musical Instrument Simulator A modern, interactive web application that simulates the **Mesenko**, one of Ethiopia's most iconic traditional musical instruments. Built entirely with **HTML5**, **CSS3**, and **Vanilla JavaScript**, the application combines authentic Ethiopian-inspired design with modern web technologies to provide an engaging musical and educational experience. --- ## Overview The Mesenko is a traditional one-string bowed instrument widely used in Ethiopian folk music. This project recreates the instrument digitally, allowing users to play notes using the keyboard, mouse, or touch controls while learning about its cultural importance. The application features smooth animations, realistic sound effects using the Web Audio API, responsive layouts, and multiple interactive tools for learning and entertainment. --- ## Features ### Instrument Simulation - Interactive Mesenko instrument - Play using mouse clicks - Keyboard controls - Mobile touch support - Realistic string vibration - Bow movement animation - Sound visualizer ### Audio Features - Web Audio API integration - Adjustable volume - Pitch control - Reverb simulation - Echo effects - Mute/Unmute - Multiple musical notes ### User Interface - Ethiopian-inspired design - Green, Yellow, Red color palette - Wooden textures - Modern glassmorphism - Smooth animations - Responsive layout - Dark Mode - Light Mode ### Learning Features - History of the Mesenko - Cultural significance - How to play guide - Keyboard key mapping - Learning mode - Demo songs ### Recording - Record performances - Playback recordings - Delete recordings - Download recordings ### Settings - Master volume - Pitch adjustment - Animation speed - Theme switcher - Reset settings ### Responsive Design - Desktop - Laptop - Tablet - Mobile - Landscape mode - Portrait mode --- ## Technologies Used - HTML5 - CSS3 - Vanilla JavaScript - Web Audio API - HTML5 Canvas API - SVG Grap …