Project: FAVORAPP CRM - Full-Stack Web Development | Pool Deza

Details, tech stack, key features, and impact of FAVORAPP CRM

FAVORAPP CRM

Next.js 15 Administrative Dashboard with Turbopack for Services Marketplace Management and Moderation

FavorApp CRM Dashboard
Sobre el Proyecto

FavorApp CRM is a comprehensive administration platform developed to validate, monitor, and manage users in a services marketplace. I implemented a modern dashboard with centralized account verification management, task reporting, content moderation, real-time balance calculation, and advanced statistics.

As a Full-Stack Developer, I was responsible for the architectural design, integration with external APIs (REST), advanced filter systems (active/reported), scalable pagination for 50K+ users, build optimization with Turbopack (5x faster than Webpack), and deployment on Docker + Vercel.

The system features real-time user balance calculations using Redis caching with event-driven invalidation, processing over 1,245 monthly reports with 95%+ accuracy in validation.

Detalles Técnicos
  • RoleFull-Stack
  • Year2025
  • StackNext.js 15, TS, Radix
  • BuildTurbopack
  • Reports/mo1,245+
  • Accuracy95%+
STACK TECNOLÓGICO —
Next.js 15
React 18
TypeScript 5.3
Tailwind CSS 3
Radix UI
Node.js 20
Docker
Vercel
Stack Completo:
UI Components:

Radix UI, shadcn/ui, Lucide Icons

State:

React Hooks, Custom Hooks, useMemo

API:

Axios, REST, JWT Auth, Interceptors

Build:

Turbopack (<2s), Docker Multi-stage

FUNCIONALIDADES —
Dashboard Analytics

Real-time statistics of jobs, advertising, users, and engagement with native SVG charts.

User Management

Filterable list with name/DNI/phone search and 1-click account verification.

Reported Users

Table with reputation (rating) indicators and affiliation status for effective moderation.

Reported Tasks

Moderation of published content with geolocation and dual report view.

Advanced Filters

Filtering by verified/reported status, sorting by date, real-time search with optimized useMemo.

Real-Time Balance

User balance calculation with Redis caching and event-driven invalidation for precise metrics.

Desafíos Técnicos y Soluciones
01. 50K+ User Pagination

Implemented cursor-based pagination on frontend + optimized PostgreSQL indexes. useMemo with multiple conditions (IsVerified + Rating + search) to maintain O(1) lookup. React.memo on table rows to eliminate lag.

02. Real-Time Balance Calculation

Calculation pipeline with Redis caching and event-based invalidation. Asynchronous computation of user balances without blocking the UI, with fallback to direct calculation if the cache expires.

03. Build Performance with Turbopack

Turbopack reduced build times 5x vs Webpack: compilation in <2s. Instant Hot Module Replacement. Optimized multi-stage Dockerfile (builder + runner) for efficient deployment.

IMPACTO —
1,245+
Monthly reports processed
95%+
Validation accuracy
512+
Daily dashboard visits
70%
Reduction in moderation times
5x
Faster with Turbopack
<2s
Turbopack compilation
99.9%
Production uptime
60%
Reduction in management time
Notas Técnicas

Operational private system. TypeScript 96.9% coverage. Ultra-fast build with Turbopack. Optimized multi-stage Dockerfile. API routes with header token validation. Reusable UI patterns (CopyableText, TooltipProvider). Dark mode ready. Advanced filters with useMemo and React.memo. Balance calculation with Redis cache.

READY TO VIEW?