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!
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.
- 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
- Coffee Shop ☕ - Productive background chatter
- Rain 🌧️ - Soothing rainfall sounds
- Fireplace 🔥 - Cozy crackling fire
- Lofi 🎵 - Chill beats for coding
- Volume control and seamless looping
- Encouraging messages and milestones
- Automatic activity messages for timer starts, pauses, and completions
- Monitor total minutes coded
- Count successful "ships" (deployments/features)
- One-click ship celebration with confetti
Full dark mode implementation for those late-night coding sessions.
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
- 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
- Node.js 18+
- npm, yarn, or pnpm
- 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
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
- 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
This project is licensed under the MIT License - see the LICENSE file for details.
- 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
- 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
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