Create content management UI for editing static JSON content files. Build content editor forms with validation for JSON structure. Implement file upload functionality for JSON updates. Add preview functionality to see changes before publishing. Track version history of content changes with timestamps and authors.…
Create scheduled background jobs using Azure Functions timer triggers. Implement timer-triggered function with NCRONTAB expression for scheduling. Add comprehensive logging for job execution with Application Insights. Handle execution failures with error notifications. Implement idempotency to prevent duplicate…
Create scheduled jobs on Railway using node-cron or external cron services. Implement cron scheduler in Express application with node-cron. Add job management API for listing, triggering, and monitoring jobs. Implement comprehensive job logging with timestamps and status. Handle job failures with retry logic and…
Create a comprehensive metrics dashboard layout. Implement responsive grid using Bootstrap with metric cards and charts. Add KPI cards showing key metrics with trend indicators and percentage changes. Create real-time data updates using polling or WebSockets. Implement date range filtering with presets (today, week…
Integrate email functionality using Azure Communication Services or SendGrid. Create Azure Function for sending emails with HTTP trigger. Design email templates using HTML/Handlebars. Implement email validation and sanitization. Handle delivery failures with retry logic and error logging. Create email queue for bulk…
Integrate email functionality using Nodemailer or Resend API. Set up SMTP configuration with environment variables. Create email templates using React Email for type-safe component-based emails. Implement send email API endpoint in Express. Add email validation and rate limiting. Handle delivery failures with retry…
Implement React error boundaries throughout the application. Create error boundary component with componentDidCatch lifecycle. Add fallback UI with friendly error message and retry button. Log errors to monitoring service (Sentry, Azure Monitor) with stack traces. Implement granular boundaries for different sections…
Create custom error pages for 404, 500, and offline scenarios. Design user-friendly error pages styled with Bootstrap matching brand identity. Add 404 page with helpful navigation links and popular pages. Implement 500 error page with contact options and status page link. Create offline page for progressive web app…
Create advanced filtering UI components for data exploration. Implement filter sidebar with collapsible sections using Bootstrap accordion. Add multiple filter types: checkboxes, dropdowns, range sliders, date pickers. Support multi-select filters with select all/none options. Display active filters as removable…
Integrate heatmap and session recording using Microsoft Clarity or Hotjar. Add tracking script to application layout. Configure privacy settings to mask sensitive information (passwords, personal data). Set up custom triggers for recording specific user segments. Implement event tracking for custom interactions.…
Implement multi-language support using next-intl. Set up locale detection from browser, URL, or user preference. Create translation files in JSON format for each locale (en, es, fr, etc.). Implement locale-based routing with Next.js App Router. Create language switcher component with dropdown or flags. Translate all…
Implement live data updates without WebSockets. Use SWR or React Query for automatic polling and revalidation. Configure polling intervals based on data freshness requirements. Implement Server-Sent Events (SSE) for one-way real-time updates from server. Add optimistic UI updates for immediate user feedback. Handle…
Add comprehensive number, date, and currency formatting based on user locale. Use JavaScript Intl API for native formatting capabilities. Create formatting utility functions for common patterns: currency, percentages, dates, times. Implement locale-aware components that automatically format values. Add timezone…
Create a toast notification system for user feedback. Implement notification context with React Context API for global state. Create toast component styled with Bootstrap alert variants (success, error, warning, info). Add auto-dismiss functionality with configurable timeout. Support manual close button. Implement…