Ever just feel like being even further immersed in Tom Nook's frabricated reality? 'cause me too! Introducing, Nook: a webpage that lets you stream hourly Animal Crossing themes and their lofi variations -- with cool visuals and rain sounds!

What it does

When you press the play button, Nook will play lo-fi Animal Crossing songs infinitely based on your current browser time, with different music every hour. A bonus is that if you allow Nook access to your location, it will play soft rain sounds in the background of your music if it is raining at your current location. The drop down menu allows users to select whether they want particle effects on the background, and also has a button to manually start or stop the background rain sounds. There are different gradients depending on the

How we built it

Our techstack consisted of vanilla JavaScript, HTML, CSS, Firebase, and Node.js. We used Firebase to host our project and Node.js to install Webpack so we could bundle our scripts and have access to ES6 modules.

Challenges we ran into

  • Division of labour: Since our group consisted of developers at varying experience levels, we wanted to make sure that everyone had tasks to work on and was able to contribute. We decided on specific issues appropriate for each developer and made sure to support each other throughout the project.
  • Fatigue :<
  • Figuring out which songs to download

Accomplishments that we're proud of

  • Learning Javascript, HTML, CSS at the same time.
  • Being able to teach and explain concepts of varying difficulties such as id tags and APIs.
  • Daniel being awake at 3:30am to do a pull request.

What we learned

  • Learning JavaScript
  • Learning about APIs
  • Learning about asynchronous code
  • Learning about Git and Version Control
  • Learning about Code developer tools (e.g. vsCode Live Share)

What's next for Nook

  • add the ability to add custom songs
  • more visualizations
Share this project: