Skip to content

An app to build audio visualizers in collaborative environment. This repo holds the front-end built with react. Uses react-redux for state management. It also integrates the P5.js library for canvas animations, Material UI library for styling, and is ongoing integration with Google firebase to enable authentication and persisting mp3 saving.

Notifications You must be signed in to change notification settings

christiankastner/virtual-canvas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This project was bootstrapped with Create React App.

Virtual-Canvas-Frontend

Flatiron School Module 5 Project Frontend by Christian Kastner

Virtual canvas is an app meant for visual and audio artists. Users can jump in and share canvases display animations across shared canvases through clicks and groups of people to collaboratively build and audio visualizer. Through the technology of web sockets and rails ActionCable, the front end can recieve data from different computers on the same canvas to render changes you have made, in real time, onto another's screen.

Installation

After you've followed the [backend instructions]

cd into the proper frontend directory and install the node packages

npm i

Next you load up the frontend server with:

npm start

The call should load up the app, and running the front and backends simultaneously will give you full access.

Enjoy your next hangout!

Contributing

Contributions are welcome. Feel free to open a pull request or branch from this project. Make it your own!

License

MIT

About

An app to build audio visualizers in collaborative environment. This repo holds the front-end built with react. Uses react-redux for state management. It also integrates the P5.js library for canvas animations, Material UI library for styling, and is ongoing integration with Google firebase to enable authentication and persisting mp3 saving.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published