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!
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
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.
- 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
- 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.
- 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)
- add the ability to add custom songs
- more visualizations
- (first time setup) pull the repository
git clone https://github.com/dryu99/infinite-animal-crossing-lofi.git
- checkout into a new branch
git checkout -b NAME-OF-BRANCH
- make your changes, go wild!
- tell git to track your changes by doing
git add .
- save your changes and give it a meaningful name by doing
git commit -m "describe your changes here"
- double check to see what git is keeping track of by doing
git status
- push those changes up to github
git push origin NAME-OF-BRANCH
- go to github and make a pull request!
- merge it into master
- help! what do i do if my git says "failed to push some refs to origin"
- you wanna pull your changes and do
git pull origin master
- you wanna pull your changes and do
- help! i wanna revert to an earlier version!
- find the last time you saved your work by doing
git log
and keep track of the hash - then
git reset --hard <hash>
- find the last time you saved your work by doing
- how do i update my local version to be up to date with github?
git pull origin master
- how do i switch branches?
git checkout NAME-OF-BRANCH