Profile
Open To Work

Front-End
Developer

React
Next.js
TypeScript
JavaScript
Tailwind CSS
Zustand
Axios
TanStack Query
Framer Motion
Redux
REST APIs
Sass
Git
Figma
Material UI
Ant Design
React
Next.js
TypeScript
JavaScript
Tailwind CSS
Zustand
Axios
TanStack Query
Framer Motion
Redux
REST APIs
Sass
Git
Figma
Material UI
Ant Design
React
Next.js
TypeScript
JavaScript
Tailwind CSS
Zustand
Axios
TanStack Query
Framer Motion
Redux
REST APIs
Sass
Git
Figma
Material UI
Ant Design
React
Next.js
TypeScript
JavaScript
Tailwind CSS
Zustand
Axios
TanStack Query
Framer Motion
Redux
REST APIs
Sass
Git
Figma
Material UI
Ant Design
user@portfolio:~
Digital Avatar

Hi There !

> I am a front-end engineer specializing in React, Next.js, and TypeScript with 3+ years of experience building scalable architectures.

> I bridge the gap between complex logic and exceptional design, building highly performant web applications with obsessive attention to user experience and micro-interactions.

0+

Years Experience

0+

Projects

0+

Tech Arsenal

Tech Stack

Core
Technologies

The stack I use to build scalable, responsive, and accessible web applications.

Core Architecture

React
Next.js
TypeScript
JavaScript

Visual Systems

Tailwind CSS
Bootstrap
Framer Motion
Sass
Material UI

Data Flow

Redux Toolkit
TanStack Query
REST APIs
Axios
Context API
State Management

Dev Operations

Git
GitHub
Vite
NPM
Vercel
Netlify

Evolution

Professional Path

“Started with understanding how people discover products.
Fell in love with crafting the experiences they interact with.”

2023 – PRESENT

Front-End Developer

Face Recognition LLC
Crafting the Experience

Building immersive, high-performance interfaces for cutting-edge facial recognition technology.

  • Transitioned from analyzing patterns to building the interfaces users interact with daily.
  • Developing responsive Next.js applications with a focus on premium UI/UX.
Visit Site
Code
2017 – 2022

SEO Specialist

YSEO
Understanding the Data

Analyzing search patterns and user behavior to optimize digital presence.

  • Architected search engine optimization strategies that drove significant organic traffic growth.
  • Mastered data analytics to decode how people discover products online.
Visit Site
Analytics
Featured

Selected Works

FACE MATCH
01

FACE MATCH

React + TypeScriptRedux SagaMaterial UIReact Toastify

Secure identity intelligence dashboard engineered for Ministry of Interior (MOI) officials. Facilitates high-speed reverse lookups and comprehensive person searches via EID, UID, Passport, a...

MASTER DATA
02

MASTER DATA

React 18 + TypeScriptCreate React AppRedux ToolkitReact Router DOM v6Axios + Fetch APIAnt DesignReact LottieJWT Auth + Protected RoutesIIS SPA Deployment

Built a React + TypeScript dashboard that unified person data and images from MOI, ICA, and Passport services through a modular service layer. Implemented secure session architecture with pr...

PURE LIVE DASHBOARD
03

PURE LIVE DASHBOARD

Next.js 15React 19TypeScriptAxios + Fetch APITailwind CSS + SCSS modulesReact ToastifyLucideReact IconsDocker

Developed a full-stack Admin Dashboard using Next.js, React, and TypeScript to manage PureLive and OCR clients in a centralized hub. The system includes secure login, client onboarding, sear...

RHSERV DASHBOARD
04

RHSERV DASHBOARD

Next.js 15 App RouterReact 19TypeScript 5Tailwind CSS 4SassFramer MotionTanStack TableZustandJWT AuthMulti-tenant ArchitectureDocker

Built a multi-tenant enterprise dashboard for onboarding and identity operations, featuring secure auth, role-based access, real-time transaction streams, KYC workflows, billing analytics, a...

DMCC ADMIN PORTAL
05

DMCC ADMIN PORTAL

Next.js App RouterReact + TypeScriptTailwind CSSZustandJWT AuthTanStack TableReact Toastify

Engineered a production-ready KYC operations dashboard for DMCC workflows. Implemented secure token-based authentication, permission-aware UI controls, advanced review queue management with ...

API BILLING
06

API BILLING

Next.js 16 App RouterReact 19TypeScript 5Tailwind CSS 4TanStack TableRechartsFramer Motion

Enterprise-grade billing operations dashboard engineered to manage complex finance workflows, invoice lifecycles, and transaction summaries across clients and channels. Features role-aware l...

BIOMETRIC ADMIN
07

BIOMETRIC ADMIN

Next.js 16 App RouterReact 19TypeScript 5Tailwind CSS 4TanStack TableLucide IconsReact Toastify

Polished biometric identity management dashboard built for secure access, record browsing, and enrollment operations. Demonstrates end-to-end authentication, robust API integration, reusable...

Experimental Sandbox

Hands-on !

A playground for quirky ideas, UI experiments, and "I wonder if this works" moments.

Netflix Clone

Netflix Clone

"Watched 0 movies while building this."

Space Man

Space Man

"Lost in orbit for 3 hours during CSS debug."

To Do App

To Do App

"The 'Buy Coffee' task is still pending."

News Home

News Home

"Breaking news: It works on mobile!"

Base-Apparel

Base-Apparel

"Gradient was harder than the logic."

Sign-up-form

Sign-up-form

"Validated 100% of my fake emails."

Work In Progress

More hands-on builds are currently in the lab, being tested, broken, rebuilt, and polished. Fresh experiments are shipping soon.

Secure Protocol

Establish
Connection

Target Addressashlymargaret030@gmail.com
[ DATA SUCCESSFULLY COPIED ]