Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aarhamh/mypiano

A piano web application built with Vue.js and ASP.NET Web API
https://github.com/aarhamh/mypiano

asp-net-core entity-framework postgresql tonejs vuejs vuex

Last synced: 3 days ago
JSON representation

A piano web application built with Vue.js and ASP.NET Web API

Awesome Lists containing this project

README

        

# 🎹 Welcome to MyPiano 🎹

Play and record music with ease from the comfort of your browser!

## Table of Contents

- [Project Description](#project-description)
- [Development Stack](#development-stack)
- [Features](#features)
- [Credits](#credits)

## Project Description

MyPiano is a full-stack web application that allows users to interact with a piano keyboard on the browser. Users will be able to login, play songs on the piano at their leisure or record and download their piece.


## Development Stack

### Server Side:
- ASP.NET Web API
- PostgreSQL
- Microsoft Entity Framework ORM

### Client Side:
- Vue.js & Vuex State Management
- Tone.js API

## Features
- Comprehensive user registration,login, and logout system
- Employing JWT authentication for enhanced security
- Utilizing keyboard input for an interactive piano interface
- Offering valuable client-side functionalities like recording, piano sustain, and a metronome
- Incorporating a user-friendly table for accessing recorded audio files, which can be played directly in the client or downloaded via the web browser.
- Beautiful GUI

## Credits
![Praashoo7](https://uiverse.io/profile/Praashoo7) from UI verse for the login/registration forms

![MicuEmerson's Vue Piano](https://github.com/MicuEmerson/vue-piano), as I was heavily inspired by his implementation and features.