Frontend Development

Industrial IoT: Building a Pump Management Dashboard with Real-Time Analytics

Sep 12, 2024 - 1 min read - 195 words

Build a complete industrial equipment management system with photo uploads, maintenance tracking, and advanced analytics. Learn to implement CRUD operations with Flask, handle multi-file uploads with drag-and-drop, create interactive dashboards using ECharts and AG Charts, build sortable tables with TanStack React Table, export data to Excel, and track equipment specifications. Perfect for IoT, industrial automation, or asset management applications.

Building an AI-Powered Financial Calculator with Python and React

Jul 18, 2024 - 3 min read - 633 words

Jose G Ruiz

Software Engineer | DevOps Engineer

Learn to build a comprehensive financial calculator that handles Present Value, Future Value, Annuities, Compound Interest, and Loan Amortization. This guide covers mathematical formulas, Flask API implementation, user-specific calculation history, React UI with validation, and OpenAI integration for explaining complex financial concepts. Perfect for fintech developers or anyone building financial planning tools with real-world applications.

Building a Complete User Management System: Registration, Profiles, and Password Reset

Jun 22, 2024 - 3 min read - 516 words

Jose G Ruiz

Software Engineer | DevOps Engineer

Master user management in web applications: Learn to implement secure registration with bcrypt, profile management, email updates, password reset via email tokens, multi-tab logout synchronization, and account deactivation. This comprehensive guide covers Flask-Mail integration, React Hook Form validation, localStorage sync, token-based password recovery, and security best practices for production applications.

Building a Full-Stack Blog System with Flask, React, and SEO-Friendly URLs

May 15, 2024 - 1 min read - 183 words

Jose G Ruiz

Software Engineer | DevOps Engineer

Learn to build a complete blog/CMS system with Flask and React. This guide covers automatic slug generation for SEO-friendly URLs, category management, featured posts, random content discovery, rich text editing, author attribution, and admin interfaces. Includes SQLAlchemy models, Marshmallow schemas, React components with react-hook-form, and permission-based content management. Perfect for portfolios, marketing sites, or any content-driven application.

Implementing a Secure Contact Form with XSS Prevention and Spam Protection

Apr 10, 2024 - 3 min read - 448 words

Jose G Ruiz

Software Engineer | DevOps Engineer

Build a production-ready contact form with comprehensive security measures. Learn to implement XSS prevention, CSRF protection, rate limiting, spam detection, input validation with Marshmallow, React Hook Form integration, email sanitization, admin interface for message management, and pagination. Includes honeypot fields, time-based validation, and best practices for public-facing forms.