Garrett-Bodley / noodlr-2.0

Updated/Refactored version of noodlr

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Noodlr

Version License: MIT

A screenshot image of Noodlr

Overview

Noodlr is a React application. The audio logic is driven using Tone.js. Custom Hooks and a custom Context Provider are used to enforce a clean separation of concerns and modularity of code.

The large Play button's animation and the playful animation on the help widget are both powered using React Spring whereas the smaller grid buttons make use of CSS transitions. The 3D effect on the Play button is created via a number of pseudo elements that are translated based on the main element's state.

Install

npm install

Usage

npm start

Author

👤 Garrett Bodley

📝 License

Copyright © 2022 Garrett Bodley.
This project is MIT licensed.


This README was generated with ❤️ by readme-md-generator

About

Updated/Refactored version of noodlr

License:MIT License


Languages

Language:JavaScript 87.9%Language:CSS 7.6%Language:HTML 4.4%