https://blog.landryzetam.net/tags/web/Recent content in Web on Landry Zetam - Tech BlogHugo -- gohugo.ioen-usFri, 08 Aug 2025 00:00:00 +0000https://blog.landryzetam.net/posts/oura-dashboard/Fri, 08 Aug 2025 00:00:00 +0000https://blog.landryzetam.net/posts/oura-dashboard/<h2 id="overview">Overview</h2> <p>Oura Dashboard is a Streamlit-based web application deployed in the Fako cluster that provides interactive visualization of health data collected from the Oura Ring. It connects to the PostgreSQL database populated by the Oura Collector service and presents comprehensive health insights through charts, graphs, and analytics. The dashboard is secured with OAuth2 authentication and provides personalized health tracking capabilities for sleep, activity, readiness, and heart rate metrics.</p> <h2 id="key-features">Key Features</h2> <ul> <li><strong>Interactive Visualizations</strong>: Real-time charts and graphs using Streamlit</li> <li><strong>Comprehensive Metrics</strong>: Sleep, activity, readiness, and HRV analytics</li> <li><strong>OAuth2 Authentication</strong>: Secure access with OAuth2 proxy</li> <li><strong>PostgreSQL Integration</strong>: Direct database queries for data</li> <li><strong>Responsive Design</strong>: Mobile-friendly interface</li> <li><strong>Health Trends</strong>: Long-term pattern analysis</li> <li><strong>Custom Reports</strong>: Exportable health summaries</li> <li><strong>Real-time Updates</strong>: Auto-refresh capabilities</li> </ul> <h2 id="architecture">Architecture</h2> <h3 id="components">Components</h3> <ol> <li><strong>Streamlit App</strong>: Python-based web dashboard</li> <li><strong>OAuth2 Proxy</strong>: Authentication layer</li> <li><strong>Service</strong>: ClusterIP on port 8501</li> <li><strong>Ingress</strong>: HTTPS access with authentication</li> <li><strong>External Secrets</strong>: AWS Secrets Manager integration</li> <li><strong>Database Connection</strong>: PostgreSQL read access</li> </ol> <h3 id="resource-requirements">Resource Requirements</h3> <ul> <li><strong>Memory</strong>: 256Mi (request), 512Mi (limit)</li> <li><strong>CPU</strong>: 100m (request), 500m (limit)</li> <li><strong>Storage</strong>: EmptyDir for temporary data</li> <li><strong>Port</strong>: 8501 (Streamlit default)</li> </ul> <h2 id="configuration">Configuration</h2> <h3 id="environment-settings">Environment Settings</h3> <table> <thead> <tr> <th>Parameter</th> <th>Value</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code>DATABASE_NAME</code></td> <td><code>app</code></td> <td>PostgreSQL database</td> </tr> <tr> <td><code>DAYS_TO_BACKFILL</code></td> <td><code>7</code></td> <td>Default data range</td> </tr> <tr> <td><code>LOG_LEVEL</code></td> <td><code>INFO</code></td> <td>Application logging</td> </tr> <tr> <td><code>API_TIMEOUT</code></td> <td><code>30</code></td> <td>Query timeout</td> </tr> </tbody> </table> <h3 id="oauth2-configuration">OAuth2 Configuration</h3> <p>Protected by OAuth2 proxy for secure access:</p>https://blog.landryzetam.net/posts/hugo-blogging/Thu, 07 Aug 2025 00:00:00 +0000https://blog.landryzetam.net/posts/hugo-blogging/<h2 id="why-this-guide-exists">Why This Guide Exists</h2> <p>I&rsquo;ve been doing a lot of dev work, research and hadn&rsquo;t really thought about sharing the knowledge without having to learn frontend development or maintain complex code. I knew I had a bunch of markdown GitHub notes and thought they could be used as a baseline to catch up on all my lack of documentation. Then I found Hugo.</p> <p>This guide covers the entire workflow of creating a Hugo blog, containerizing it, and deploying it to Kubernetes - all without writing a single line of frontend code (html, css, js).</p>