NapStack.dev 🍼💻

A productivity dashboard designed for parents who code during naptime and other precious quiet moments. Built with love for the parent-developer community.

Live site: NapStack.dev

Under active development and welcoming contributions!

🌟 Overview

NapStack.dev is a unique productivity tool that acknowledges the reality of coding as a parent. It combines time management, ambient soundscapes, and community features to help parent developers make the most of their limited coding time - whether during naptime, early mornings, or late-night sessions.

✨ Features

🍅 Pomodoro Timer with Parent-Friendly Presets

Quick Fix (5 min) - Perfect for that urgent bug fix before the baby wakes
Focus Block (20 min) - Standard focused work session
Naptime Sprint (45 min) - Optimize those precious naptime minutes
Night Owl (90 min) - For those late-night coding marathons

Features include:

Visual countdown with pause/resume functionality
Motivational messages that adapt to time of day
Milestone celebrations every 5 minutes
Confetti animation on completion
Progress tracking and statistics

🎵 Ambient Soundscapes

Coffee Shop ☕ - Productive background chatter
Rain 🌧️ - Soothing rainfall sounds
Fireplace 🔥 - Cozy crackling fire
Lofi 🎵 - Chill beats for coding
Volume control and seamless looping

👥 Live Activity Feed

Encouraging messages and milestones
Automatic activity messages for timer starts, pauses, and completions

🎉 Daily Stats & Celebrations

Monitor total minutes coded
Count successful "ships" (deployments/features)
One-click ship celebration with confetti

🌓 Dark Mode Support

Full dark mode implementation for those late-night coding sessions.

🎯 Roadmap

Future features planned:

User accounts and cloud sync
Real-time community activity showing when other parents are coding
Community ship celebrations
Track daily coding sessions
Maintain coding streaks
Weekly/monthly statistics
Mobile app version
Team/family workspaces
Integration with development tools
Custom timer presets
Achievement badges

🛠️ Tech Stack

Framework: Next.js 14 with App Router
UI Components: Custom components built with Radix UI
Styling: Tailwind CSS with custom animations
State Management: React hooks with localStorage persistence
Type Safety: TypeScript
Deployment: Vercel

🚀 Getting Started

Prerequisites

Node.js 18+
npm, yarn, or pnpm

Installation

Clone the repository:

git clone https://github.com/meimakes/napstack-dev.git
cd napstack-dev

Install dependencies:

npm install
# or
yarn install
# or
pnpm install

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 in your browser

🤝 Contributing

We welcome contributions! Here's how you can help:

Fork the repository
Create your feature branch (git checkout -b feature/AmazingFeature)
Commit your changes (git commit -m 'Add some AmazingFeature')
Push to the branch (git push origin feature/AmazingFeature)
Open a Pull Request

Development Guidelines

Follow the existing code style
Add appropriate TypeScript types
Test your changes thoroughly
Update documentation as needed
Be mindful of performance for tired parent brains

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👏 Acknowledgments

Built by @meimakes, SAHM and SWE
Inspired by the incredible parent-developer community
Special thanks to all parents who manage to ship code between diaper changes

🎵 Audio Attributions

Lofi: Moody Lofi Loop 70bpm by Seth_Makes_Sounds - License: Creative Commons 0
Fireplace: Fire.wav by TheBoatman - License: Attribution 4.0
Rain: Soft Rain Loop by _lynks - License: Creative Commons 0
Coffee Shop: Cafe 1 by Rylius - License: Attribution 4.0

💬 Community

Join our community of parent developers:

Share your naptime coding wins
Get support from other parent coders
Contribute ideas for new features

Made with ❤️ for parents who code during naptime

meimakes/napstack-dev