Inspiration
We were inspired by the comforting and cozy atmosphere of games like Animal Crossing and Stardew Valley. During stressful times, these games offer a sense of peace, routine, and joy through small, satisfying tasks. We wanted to create a similar experience in the browser—something light-hearted and interactive that makes you smile while checking off tiny achievements.
What it does
Cozy Home is a browser-based, interactive task game where players can complete relaxing, everyday activities like cooking, feeding a dog, watering flowers, collecting apples, and more—using fun drag-and-drop mechanics with emoji icons and gentle sound effects. The game features a daily log/calendar, weather-based events, achievements, and seasonal visuals (like falling snow or autumn leaves). Players can save their progress locally and earn badges for completing streaks or trying new tasks.
How we built it
We used HTML, CSS, and JavaScript to build the core experience, with localStorage for saving game data and a combination of event listeners and DOM manipulation for the drag-and-drop functionality. Custom sound effects and weather/seasonal logic were added to enhance immersion. We iterated quickly with visual tweaks, such as scaling flower sizes and simplifying the UI to improve the experience.
Challenges we ran into
One challenge was creating intuitive drag-and-drop interactions that worked smoothly across browsers. We also had to balance a minimalistic UI with enough feedback to keep players engaged. Implementing a robust save/load system and syncing it with the calendar and badge system took more time than expected. And as the feature list grew, it became a challenge to keep things lightweight and cozy without feature creep.
Accomplishments that we're proud of
We're proud of how charming and functional the final game feels! The sound effects, subtle animations, and seasonal atmosphere really bring it to life. We also feel great about adding features like task streaks and weather-based changes without overcomplicating the experience. Most importantly, it makes people smile—and that was our #1 goal.
What we learned
We learned how to scope and manage a growing project while staying focused on user experience. We deepened our knowledge of local storage, state management, and accessible drag-and-drop interactions in JavaScript. We also learned how small visual/audio touches can drastically change how users feel about a product.
What's next for Cozy Home
We plan to add more interactive items and mini-events (like planting a garden or decorating your space), as well as a sharing feature to show off your Cozy Home with friends. We'd also love to introduce more characters and daily surprises to keep players coming back. Eventually, we might explore porting it to mobile or turning it into a full progressive web app.
Built With
- chatgpt
- html
- intellij-idea
Log in or sign up for Devpost to join the conversation.