A modern, real-time family dashboard designed to run on a Raspberry Pi connected to a TV display. Built with Next.js 13, TypeScript, and Tailwind CSS, featuring a beautiful dark theme and glass-morphism design.
- Large format digital clock
- Full date display with weekday
- Automatic updates every second
- Current temperature and conditions
- Location-based weather data
- Hourly forecast
- Real-time updates
- Humidity and "feels like" temperature
- Today's and tomorrow's events
- Real-time schedule updates
- Clean event display with timing
- Automatic refresh
- Add/remove items
- Real-time sync across devices
- Mark items as complete
- Mobile-optimized interface
- SQLite backend storage
- Live camera feeds
- Doorbell status
- Device health monitoring
- Automatic snapshot updates
- Multiple camera support
- Next.js 13
- TypeScript
- Tailwind CSS
- Radix UI Components
- Lucide Icons
- SWR for data fetching
- Glass-morphism design system
- Next.js API Routes
- SQLite Database
- Ring Client API
- Weather API Integration
- Shadcn/ui component library
- Custom themed components
- Responsive design
- Dark mode support
- Clone the repository
git clone https://github.com/upnorthmedia/family-dashboard.git- Install dependencies
npm install- Set up environment variables
cp .env.example .env.localRequired environment variables:
RING_EMAILRING_PASSWORDWEATHER_API_KEYDATABASE_URL
- Run the development server
npm run dev- Install Node.js on Raspberry Pi
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt-get install -y nodejs- Build the application
npm run build- Set up PM2 for process management
npm install -g pm2
pm2 start npm --name "family-dashboard" -- start- Configure auto-start on boot
pm2 startup
pm2 save/app- Next.js 13 app directory structure/components- Reusable React components/lib- Utility functions and database setup/public- Static assets/api- Backend API routes
- Fork the repository
- Create a feature branch
- Submit a pull request
MIT License - feel free to use this project for your own family dashboard!
- Built with shadcn/ui
- Weather data provided by OpenWeather API
- Camera integration powered by Ring API
- Icons by Lucide
This dashboard is designed to be displayed 24/7 on a TV screen, providing your family with important information at a glance. The glass-morphism design ensures it looks great in any room, while the dark theme prevents screen burn-in on TV displays.