https://github.com/basementlivin/music-for-keyboard-and-mouse-v2.0

A browser-based percussion score for the solo performer (now with user auth and recording capabilities!)
https://github.com/basementlivin/music-for-keyboard-and-mouse-v2.0

Last synced: about 1 hour ago
JSON representation

A browser-based percussion score for the solo performer (now with user auth and recording capabilities!)

• Host: GitHub
• URL: https://github.com/basementlivin/music-for-keyboard-and-mouse-v2.0
• Owner: basementlivin
• Created: 2022-10-12T20:29:35.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-01T14:26:50.000Z (about 2 years ago)
• Last Synced: 2024-11-12T07:12:15.778Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 440 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Music for Keyboard and Mouse (v2.0)

A browser-based percussion score for the solo performer. Conceptualized, designed, and developed by Erik Pedersen during a one-week sprint in late summer 2022.

#### FILE UNDER: MERN stack, Sass, web apps, sprint, contemporary art, percussion, experimental music.

#### TECH STACK & DESIGN TOOLS: HTML, SCSS, JavaScript, Express, Node.js, React, MongoDB, Mongoose, Figma.

![Man nodding slowly and peacfully with headphones on.](https://media.giphy.com/media/TbPh7p3cfUAPC/giphy.gif)

## Description & User Stories

The user enacts a deadpan piece of percussion music using only their keyboard and mouse (or trackpad). Drawing on traditions of [musique concrète](https://www.frontiersin.org/articles/10.3389/fpsyg.2021.672949/full), [noise music](https://www.theguardian.com/music/2008/nov/10/squarepusher-paul-hegarty-noise), and the chance techniques of [Marcel Duchamp](https://www.moma.org/learn/moma_learning/themes/dada/marcel-duchamp-and-the-readymade/) and [John Cage](https://www.jstor.org/stable/25597623), players are shown a series of prompts that they must complete before moving on to the next one. Instead of traditional musical notation, this score exists as plain text: "Tap the up arrow 42 times", "Press and hold the 3 key for 30 seconds" and so forth. In the relative "silence" of these simple acts, players may begin to pay closer attention to the sounds of their keystrokes and mouse clicks, the drone of their computer, their breath, and the everyday music of their immediate surroundings.

## Wireframes























## Tools & Technologies Used

This performance piece was built using the MERN stack: the client-facing portion is built in React and styled with SCSS, while the server-side relies on MongoDB, Mongoose, Express, and Node. Text editor: VS Code. Wireframes and [prototype](https://www.figma.com/proto/N5TgSTHSMXEBsT0STQJlJR/Music-for-Keyboard-and-Mouse?node-id=1%3A2&scaling=scale-down&page-id=0%3A1&starting-point-node-id=1%3A2) designed in Figma. Fonts: [Lausanne](https://www.weltkern.com/shop/detail-typeface/lausanne) (type.weltkern, 2017) and [Director](https://velvetyne.fr/degheest/director.html) (Velvetyne, 2022).

## Next Steps

Some planned features and debugs for the next update of "Music for Keyboard and Mouse":

• Allow users to write new performance prompts.

• Migrate performance prompt array from Performance.js to DB! The model could relate to the user who created it and maybe even have a play-count that increments whenever it shows up during a performance.

• Implement dark mode, plus a couple extra color schemes. Not everyone finds creamy yellow relaxing, so I’d like to give people some options here.

• Add filter options and a search feature to the recording archive, so you can parse through it more easily as it grows and becomes unwieldy.

• Make sure the design is highly responsive! I want this to work on desktops, laptops, tablets, and phones—this way, people can do their performances outside of their homes, coffee shops, and places with reliable internet.

• Add keycode recognition for operating systems beyong macOS. Correct key entry may not currently register for Windows users.

• Include timers and counters to help performers keep track of the number and length of keystrokes and mouse clicks. If they're not so busy counting, they'll be able to listen more intently to their surroundings.