Git Product home page Git Product logo

christmas-pi-lights's Introduction

About The Project

'Tis the season to be making. Combining the power of the Web Audio API, React, Node and Express, this festive project makes use of the incredibly versatile Raspberry Pi to create a full-stack application that not only has a stunning UI that syncs some christmas light visualizations with music, but controls circuits of lights in real life that correspond to the same music/lights. You may have seen either a christmas light show set to music in person or a christmas light type of visualizer in the browser. Where this project really sticks out is in its' marrying of these two ideas and creating the best of both worlds where you can view the show in person and/or listen all from your phone and have a degree of control over the playlist. The Pi handles hosting of the Node server, audio files, and React-based front-end that contains the interactive UI. Using Express to build an API on the Node server, it communicates all data corresponding with the audio files (mp3) themselves, binary files created with FFT analyzation to turn relays on/off, and timing related offsets to keep everything synced. It should be noted that this is still a work in progress and is scheduled to be completed sometime in December 2022 before Christmas.

Screenshots

Built With

  • TypeScript
  • React
  • Redux
  • Node
  • Express
  • Web Audio API
  • HTML5/CSS3
  • Sass
  • Raspberry Pi

Future Updates

Author

Tristan Hitt

Support

Contributions, issues, and feature requests are welcome!

Give a ⭐️ if you like this project!

christmas-pi-lights's People

Contributors

thitt7 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.