NookOffice - Hourly Animal Crossing Music

Visit the live site: nookoffice.live

NookOffice provides a relaxing and productive environment by streaming hourly rotating music from Animal Crossing: New Horizons. It's perfect for studying, working, or just unwinding. The site also includes ambient rain sounds, a to-do list, and simple timers to help you stay focused.

This project is a fork and continuation of the original NookOffice by @cjlaserna. Please consider supporting her work!

✨ Features

• Hourly Music: Automatically plays the corresponding Animal Crossing: New Horizons music for the current hour.
• Ambient Sounds: Layer calming rain sounds over the music.
• To-Do List: A simple, locally-saved to-do list to keep track of your tasks.
• Timers: Quick access to 5, 10, and 15-minute timers.
• Notion-Embeddable: Easily embed NookOffice into your Notion pages.

🛠️ How It Works

NookOffice is a web application built with Astro. It uses client-side JavaScript to:

• Determine the current hour and select the appropriate music track.
• Play and loop background music and ambient sounds.
• Manage the to-do list state using the browser's localStorage.
• The user interface is built with Astro components and styled with CSS.

🚀 Getting Started (for Developers)

Want to run NookOffice locally or contribute to the project? Follow these steps.

Prerequisites

• Node.js (v18 or higher recommended)
• npm (or pnpm, yarn)

Installation & Setup

1. Clone the repository:

   git clone https://github.com/VijiatJack/nookoffice.git

2. Navigate to the project directory:

   cd nookoffice

3. Install dependencies:

   npm install

Running the Development Server

To start the local development server, run:

npm run dev

This will start the application, typically on http://localhost:4321. The server supports Hot Module Replacement (HMR), so changes to your code will be reflected in the browser instantly.

Building for Production

To create a production-ready build of the site, run:

npm run build

The optimized static files will be generated in the dist/ directory.

🔮 Future Plans

• A more robust and customizable timer.
• Music from other games in the Animal Crossing franchise.
• A simple integrated notepad.

🎨 Sources & Credits

• Original Concept: @cjlaserna
• Artist (Saino): The artist behind some of the visual assets.
• GIFs: Most other GIFs are from the official Animal Crossing Movie / Anime.

---