Transform your Yazio nutrition data into beautiful,
insightful visualizations with Yazio Dashboard

A lightweight dashboard built with React and Next.js that helps you turn your Yazio data into clear charts and daily insights. Transform your nutrition tracking data into meaningful visualizations and gain a deeper understanding of your dietary patterns.

✨ Features

• 📊 Interactive Charts - Visualize your nutrition data with beautiful, responsive charts
• 🌓 Dark/Light Mode - Seamless theme switching with system preference support
• 🔒 Privacy-First - Your data stays on your device, no external servers
• 🎨 Beautiful UI - Clean, modern interface using Tailwind CSS and Radix UI
• 🖨️ Easy Export - Just print the page for sharing with your nutritionist

🛠️ Built With

🚀 Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node JS (v22.0.0 or higher)
• NPM (v10.0.0 or higher)

Installation

1. Clone the repository

   git clone https://github.com/alroniks/yazio-dashboard.git
   cd yazio-dashboard

2. Install dependencies

   npm install

3. Set up environment variables

   cp .env.example .env

   Edit .env and add your configuration:

   YAZIO_USERNAME=
   YAZIO_PASSWORD=

4. Run the development server

   npm run dev

5. Open your browser

   Navigate to http://localhost:3000 to see the application.

Roadmap

• Add Theme Switcher
• Add Timeline View
• Multi-language Support

See the open issues for a full list of proposed features (and known issues).

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Top contributors:

📝 License

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

👨‍💻 Author

Ivan Klimchuk

• GitHub: @alroniks
• Website: klimchuk.dev

💖 Support

If you find this project useful and would like to support its development, you can:

• ⭐ Star the repository on GitHub
• 🐛 Report bugs and suggest features
• 🤝 Contribute with code improvements
• ☕ Buy me a coffee to fuel development
• 💝 Sponsor on Patreon for ongoing support

Your support helps maintain and improve this project for everyone!