In March 2017, three students from a web seminar in National Taiwan University ([Vibert Thio](https://github.com/vibertthio), [Joey Huang](https://github.com/csiejoey), and [Yu-An Chan](https://github.com/Scya597)) were in the same group to collaborate final project. As a new media artist, Vibert had already done few projects combining audio and visuals together by codes, while Joey produced hiphop and electronic music. Thus, they decided to work on an audio-visual web application, which could be performed on stage.
In March 2017, three students from Professor Chung-Yang Huang's web seminar in National Taiwan University ([Vibert Thio](https://github.com/vibertthio), [Joey Huang](https://github.com/csiejoey), and [Yu-An Chan](https://github.com/Scya597)) were in the same group to collaborate final project. As a new media artist, Vibert had already done few projects combining audio and visuals together by codes, while Joey produced hiphop and electronic music. Thus, they decided to work on an audio-visual web application, which could be performed on stage.
### Inspiration
Inspired by the amazing [patatap](https://patatap.com/), which transforms keyboard as midi-controller, they decided to follow it but extend the features.
From [White Vinyl Design](http://whitevinyldesign.com/), they gained great numbers of ideas of animation rendering, how sounds and music could be aesthetically linked up with visuals.
### Name
By integrating their web framework: **[React](https://reactjs.org/)** and one of their aim: **Beat** making, Joey came up with the name **Beact**.
### Development
The project began on March 2017, Vibert as the leader set up the environment along with the structure, prototyping Beact as a drum machine, which can be looped. Then Yu-An started to build the database and backend API, adding three advanced modes: Pattern, Chain, and Recorder.
The UI layout was designed by Vibert, and Joey was accountable for the frontend work. The team work was carried out with help of [github](https://github.com/).
They efficiently finished the first version in a week.
The first performance of Beact was on June 29, 2017 in the seminar.
### Beact 1.0.0
On June 29, 2017, Beact was deployed and released temporarily on [heroku](https://www.heroku.com/home).
On July 3, 2017, Beact was deployed and released officially on [heroku](https://www.heroku.com/home).
### Extended Link
*[Beact Official Website](https://beact.herokuapp.com/)
