Full-Stack Development at 3iTeam

Overview

At 3iTeam, I focused on full-stack delivery of production features across web frontends and backend APIs. My work emphasized integration-focused engineering, connecting UI modules to evolving backend APIs while ensuring reliable user experiences with proper loading, empty, and error states.

🛒 Client Self-Service Marketplace Portal

A modern client portal enabling users to create and manage work requests, review applications, communicate with providers, and complete payments.

What I Built

• End-to-end feature work across job posting workflows, job tracking by status, and action flows (accept/reject, funding, feedback)
• Authentication & permissions using managed auth provider, email verification, and role-aware UX
• Real-time experience patterns with notifications, live updates, and UX polish
• Payments & billing integration with client-side payment components and safe data handling
• State/data layer using predictable patterns for caching and async data fetching

Technical Stack

• Frontend: Next.js (App Router), React, TypeScript
• State Management: Redux Toolkit + RTK Query, Redux Persist
• Styling: Tailwind CSS + Radix UI
• Auth: Firebase Auth
• Payments: Stripe
• Storage: AWS S3 for file/media, Google Maps integration

📊 Admin Operations Dashboard

An internal admin portal for managing platform configuration and operational workflows including settings, taxonomy, analytics, and campaign tooling.

What I Built

• Backend integration of existing UI: Mapped screens to real endpoints, implemented service layers and hooks, aligned types with API responses
• Complex mapping/matching workflows: Implemented assign/unassign flows that preserve existing state, added confirmation dialogs, ensured consistency after mutations
• Taxonomy/config management: CRUD screens, form validation, and robust error handling
• UX reliability: Skeleton loaders, proper initialization states, empty states with call-to-action, retry handling, and toast feedback
• Documentation-first workflow: Kept integration progress and developer notes up to date

Technical Stack

• Frontend: Next.js, TypeScript
• Styling: Tailwind CSS + Radix UI
• API: Axios with auth headers + interceptors patterns
• Forms: React Hook Form + Zod validation
• Data Display: Charting/table patterns for dashboards

📈 Financial / Market Intelligence Backend API

A backend platform providing investor-style analytics: company fundamentals, dashboards, portfolio tracking, and price data ingestion.

What I Built

• Modular API design with feature modules, DTO validation, and clear separation of concerns
• Dashboard metrics endpoints for admin and end users with consistent response shapes
• Portfolio tracking endpoints (CRUD) with duplicate prevention and entity validation
• Bulk ingestion workflow for daily price records with multi-status responses (full/partial success), duplicate prevention, and validation
• API evolution support: Backward-compatible changes, documented integration notes for frontend teams

Technical Stack

• Framework: NestJS + TypeScript
• Database: MySQL with type-safe ORM patterns
• Auth: Firebase JWT authentication + role-based guards
• Documentation: Swagger/OpenAPI, REST client test files

🛍️ E-Commerce Platform + Admin Console

A full-featured e-commerce system with customer shopping flows and an admin area for products, inventory, and order operations.

Customer Features

• Product browsing, cart, and wishlist
• Checkout flow with payment integration
• Post-purchase communication

Admin Operations

• Product/catalog management
• Inventory workflows
• Order lifecycle tooling

Technical Implementation

• Secure authentication: JWT access/refresh patterns, protected routes via middleware, API client with auto-refresh
• Payments integration: Card payment gateway with session-based flow, callbacks, and verification patterns
• Media management: File uploads to AWS S3, CDN-friendly image delivery
• Operational reliability: Backup/restore scripting and deployment readiness checklists

Technical Stack

• Frontend: Next.js (App Router), TypeScript
• Database: PostgreSQL + Prisma ORM
• Storage: AWS S3 for media
• Payments: Payment gateway integration + server-side verification

📝 Content / Assessment Management System

A content-heavy admin platform with multi-entity navigation, management screens, and document-like workflows supported by serverless functions.

What I Built

• Admin UI integration and performance: Implemented breadcrumb system that avoids redundant requests by sharing entity names via context and persisting in local storage
• Engineering maturity: Simplified over-engineered approaches into maintainable, minimal solutions
• Serverless backend utilities: Cloud functions for secure operations, document generation, and email workflows

Technical Stack

• Frontend: Next.js + TypeScript
• Backend: Firebase Cloud Functions (Node.js)
• Features: Auth/token patterns, CSV processing, PDF generation, email delivery utilities

🎯 Key Strengths Demonstrated

• Building real products: Shipping features that connect UI, APIs, and data correctly
• Integration under uncertainty: Working against changing APIs, missing fields, and real-world edge cases while keeping UX stable
• Type-safe engineering: Using TypeScript and schema validation to reduce defects and speed up iteration
• Pragmatic performance/UX: Loading states, caching, minimizing unnecessary calls, and making interfaces feel fast and reliable

Technical Expertise

• Frontend: Next.js (App Router), React, TypeScript, Tailwind CSS, Radix UI
• State Management: Redux Toolkit, RTK Query, Zustand
• Backend: NestJS, Firebase Cloud Functions
• Databases: PostgreSQL, MySQL, Prisma ORM, Firebase
• Auth: JWT patterns, Firebase Auth, role-based access control
• Payments: Stripe, payment gateway integrations
• Cloud: AWS S3, Firebase, serverless functions