{"id":11,"date":"2026-10-21T17:19:02","date_gmt":"2026-10-21T17:19:02","guid":{"rendered":"https:\/\/codenexsolution.com\/?page_id=11"},"modified":"2026-10-21T17:19:02","modified_gmt":"2026-10-21T17:19:02","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/codenexsolution.com\/?page_id=11","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-654c263 elementor-widget__width-inherit elementor-widget elementor-widget-codenex-section\" data-id=\"654c263\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"codenex-section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"w-full bg-surface-container-low py-space-xl px-gutter relative overflow-hidden\">\n<div class=\"absolute -top-24 -right-24 w-96 h-96 bg-primary\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\n<div class=\"max-w-7xl mx-auto flex flex-col md:flex-row items-start md:items-center justify-between gap-space-xl\">\n<div class=\"flex flex-col gap-space-sm max-w-2xl\">\n<div class=\"flex items-center gap-space-xs text-primary font-label-md uppercase tracking-widest\">\n<span class=\"material-symbols-outlined text-sm\">terminal<\/span>\n<span>Verified Engineering Output<\/span>\n<\/div>\n<h1 class=\"text-headline-lg font-headline-lg text-on-surface\">Digital Architecture Portfolio<\/h1>\n<p class=\"text-body-lg text-on-surface-variant\">Explore our premier suite of custom web apps, mission-critical mobile platforms, high-throughput e-commerce systems, and data-driven case studies.<\/p>\n<\/div>\n<div class=\"flex items-center gap-space-md bg-surface-container-high p-space-md rounded-xl shadow-[0_8px_32px_rgba(0,229,255,0.08)]\">\n<div class=\"flex flex-col\">\n<span class=\"text-headline-sm font-headline-sm text-primary\">150+<\/span>\n<span class=\"text-body-sm text-on-surface-variant\">Projects Delivered<\/span>\n<\/div>\n<div class=\"w-px h-10 bg-surface-variant\"><\/div>\n<div class=\"flex flex-col\">\n<span class=\"text-headline-sm font-headline-sm text-primary\">99.9%<\/span>\n<span class=\"text-body-sm text-on-surface-variant\">Client Satisfaction<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5faafb0 elementor-widget__width-inherit elementor-widget elementor-widget-codenex-section\" data-id=\"5faafb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"codenex-section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"w-full py-space-xl px-gutter max-w-7xl mx-auto\">\n\n<div class=\"flex flex-wrap items-center justify-between gap-space-md mb-space-xl\">\n<div class=\"flex flex-wrap items-center gap-space-sm\" id=\"portfolio-filters\">\n<button class=\"filter-btn px-space-xl py-space-sm rounded-xl bg-primary text-on-primary font-label-lg transition-all shadow-[0_8px_32px_rgba(0,229,255,0.08)]\" data-filter=\"all\" data-filter-group=\"portfolio\">All Projects<\/button>\n<button class=\"filter-btn px-space-xl py-space-sm rounded-xl bg-surface-container text-on-surface-variant hover:text-on-surface font-label-lg transition-all\" data-filter=\"web\" data-filter-group=\"portfolio\">Web Apps<\/button>\n<button class=\"filter-btn px-space-xl py-space-sm rounded-xl bg-surface-container text-on-surface-variant hover:text-on-surface font-label-lg transition-all\" data-filter=\"mobile\" data-filter-group=\"portfolio\">Mobile Apps<\/button>\n<button class=\"filter-btn px-space-xl py-space-sm rounded-xl bg-surface-container text-on-surface-variant hover:text-on-surface font-label-lg transition-all\" data-filter=\"ecommerce\" data-filter-group=\"portfolio\">E-Commerce<\/button>\n<button class=\"filter-btn px-space-xl py-space-sm rounded-xl bg-surface-container text-on-surface-variant hover:text-on-surface font-label-lg transition-all\" data-filter=\"case-study\" data-filter-group=\"portfolio\">Case Studies<\/button>\n<\/div>\n<div class=\"text-body-sm text-on-surface-variant flex items-center gap-space-xs\">\n<span class=\"material-symbols-outlined text-primary\">tune<\/span>\n<span>Showing <strong class=\"text-on-surface\" id=\"visible-count\">6<\/strong> projects<\/span>\n<\/div>\n<\/div>\n\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-space-lg\" id=\"portfolio-grid\">\n\n<div class=\"portfolio-item group flex flex-col rounded-xl bg-surface-container overflow-hidden transition-all duration-300 hover:-translate-y-1 shadow-[0_8px_32px_rgba(0,229,255,0.04)]\" data-category=\"web\">\n<div class=\"relative w-full h-60 overflow-hidden\">\n<div class=\"bg-cover bg-center w-full h-full group-hover:scale-105 transition-transform duration-500\" data-alt=\"A cutting-edge SaaS analytics dashboard interface rendered on a sleek monitor, glowing with bright cyan and blue UI elements against a dark navy studio background, highly polished corporate tech style.\" style=\"background-image: url('https:\/\/codenexsolution.com\/wp-content\/themes\/codenex-solution\/assets\/images\/4bb454d87f2f55b6.jpg')\"><\/div>\n<div class=\"absolute top-space-md left-space-md\">\n<span class=\"px-space-md py-space-xs rounded-full bg-surface\/80 backdrop-blur-md text-primary font-label-sm uppercase tracking-wider\">Web App<\/span>\n<\/div>\n<\/div>\n<div class=\"flex flex-col flex-grow p-space-lg gap-space-md\">\n<div class=\"flex flex-col gap-space-xs\">\n<h3 class=\"text-headline-sm font-headline-sm text-on-surface group-hover:text-primary transition-colors\">Nexus Cloud Analytics<\/h3>\n<p class=\"text-body-md text-on-surface-variant line-clamp-2\">Real-time enterprise data visualization platform processing over 10M events per second with sub-millisecond query latency.<\/p>\n<\/div>\n<div class=\"flex flex-wrap gap-space-xs mt-auto\">\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">React<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">GraphQL<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Go<\/span>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"portfolio-item group flex flex-col rounded-xl bg-surface-container overflow-hidden transition-all duration-300 hover:-translate-y-1 shadow-[0_8px_32px_rgba(0,229,255,0.04)]\" data-category=\"mobile\">\n<div class=\"relative w-full h-60 overflow-hidden\">\n<div class=\"bg-cover bg-center w-full h-full group-hover:scale-105 transition-transform duration-500\" data-alt=\"A modern smartphone displaying a sleek fintech mobile app interface with clean dark mode UI, glowing cyan charts, and biometric security prompts, set against an atmospheric dark studio background.\" style=\"background-image: url('https:\/\/codenexsolution.com\/wp-content\/themes\/codenex-solution\/assets\/images\/e86f1cea25cfd55b.jpg')\"><\/div>\n<div class=\"absolute top-space-md left-space-md\">\n<span class=\"px-space-md py-space-xs rounded-full bg-surface\/80 backdrop-blur-md text-primary font-label-sm uppercase tracking-wider\">Mobile App<\/span>\n<\/div>\n<\/div>\n<div class=\"flex flex-col flex-grow p-space-lg gap-space-md\">\n<div class=\"flex flex-col gap-space-xs\">\n<h3 class=\"text-headline-sm font-headline-sm text-on-surface group-hover:text-primary transition-colors\">Aegis Secure Wallet<\/h3>\n<p class=\"text-body-md text-on-surface-variant line-clamp-2\">Next-generation decentralized finance mobile application with multi-chain asset management and biometric signing.<\/p>\n<\/div>\n<div class=\"flex flex-wrap gap-space-xs mt-auto\">\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Flutter<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Rust<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Node.js<\/span>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"portfolio-item group flex flex-col rounded-xl bg-surface-container overflow-hidden transition-all duration-300 hover:-translate-y-1 shadow-[0_8px_32px_rgba(0,229,255,0.04)]\" data-category=\"ecommerce\">\n<div class=\"relative w-full h-60 overflow-hidden\">\n<div class=\"bg-cover bg-center w-full h-full group-hover:scale-105 transition-transform duration-500\" data-alt=\"A high-end luxury e-commerce storefront layout displayed on an ultra-wide desktop monitor, featuring minimalist product grids, dramatic lighting, and vibrant cyan CTA highlights.\" style=\"background-image: url('https:\/\/codenexsolution.com\/wp-content\/themes\/codenex-solution\/assets\/images\/f57f6e0d41501c2e.jpg')\"><\/div>\n<div class=\"absolute top-space-md left-space-md\">\n<span class=\"px-space-md py-space-xs rounded-full bg-surface\/80 backdrop-blur-md text-primary font-label-sm uppercase tracking-wider\">E-Commerce<\/span>\n<\/div>\n<\/div>\n<div class=\"flex flex-col flex-grow p-space-lg gap-space-md\">\n<div class=\"flex flex-col gap-space-xs\">\n<h3 class=\"text-headline-sm font-headline-sm text-on-surface group-hover:text-primary transition-colors\">Lumina Haute Couture<\/h3>\n<p class=\"text-body-md text-on-surface-variant line-clamp-2\">Headless e-commerce platform delivering sub-second page loads, global CDN distribution, and immersive 3D product previews.<\/p>\n<\/div>\n<div class=\"flex flex-wrap gap-space-xs mt-auto\">\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Next.js<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Shopify Plus<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Tailwind<\/span>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"portfolio-item group flex flex-col rounded-xl bg-surface-container overflow-hidden transition-all duration-300 hover:-translate-y-1 shadow-[0_8px_32px_rgba(0,229,255,0.04)]\" data-category=\"case-study\">\n<div class=\"relative w-full h-60 overflow-hidden\">\n<div class=\"bg-cover bg-center w-full h-full group-hover:scale-105 transition-transform duration-500\" data-alt=\"An engineering case study layout showing architecture diagrams, performance benchmark graphs, and server load distribution curves glowing in cyan on dark monitors.\" style=\"background-image: url('https:\/\/codenexsolution.com\/wp-content\/themes\/codenex-solution\/assets\/images\/6816fca145fd31e2.jpg')\"><\/div>\n<div class=\"absolute top-space-md left-space-md\">\n<span class=\"px-space-md py-space-xs rounded-full bg-surface\/80 backdrop-blur-md text-primary font-label-sm uppercase tracking-wider\">Case Study<\/span>\n<\/div>\n<\/div>\n<div class=\"flex flex-col flex-grow p-space-lg gap-space-md\">\n<div class=\"flex flex-col gap-space-xs\">\n<h3 class=\"text-headline-sm font-headline-sm text-on-surface group-hover:text-primary transition-colors\">FinScale Infrastructure Overhaul<\/h3>\n<p class=\"text-body-md text-on-surface-variant line-clamp-2\">How we migrated a legacy monolith to a distributed microservices architecture, reducing cloud operational costs by 42%.<\/p>\n<\/div>\n<div class=\"flex flex-wrap gap-space-xs mt-auto\">\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Kubernetes<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">AWS<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Microservices<\/span>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"portfolio-item group flex flex-col rounded-xl bg-surface-container overflow-hidden transition-all duration-300 hover:-translate-y-1 shadow-[0_8px_32px_rgba(0,229,255,0.04)]\" data-category=\"web\">\n<div class=\"relative w-full h-60 overflow-hidden\">\n<div class=\"bg-cover bg-center w-full h-full group-hover:scale-105 transition-transform duration-500\" data-alt=\"A collaborative project management web application showing kanban boards, timeline graphs, and team status indicators with vibrant accent highlights.\" style=\"background-image: url('https:\/\/codenexsolution.com\/wp-content\/themes\/codenex-solution\/assets\/images\/0d66c0d83a22fa1d.jpg')\"><\/div>\n<div class=\"absolute top-space-md left-space-md\">\n<span class=\"px-space-md py-space-xs rounded-full bg-surface\/80 backdrop-blur-md text-primary font-label-sm uppercase tracking-wider\">Web App<\/span>\n<\/div>\n<\/div>\n<div class=\"flex flex-col flex-grow p-space-lg gap-space-md\">\n<div class=\"flex flex-col gap-space-xs\">\n<h3 class=\"text-headline-sm font-headline-sm text-on-surface group-hover:text-primary transition-colors\">Synapse Workflow Engine<\/h3>\n<p class=\"text-body-md text-on-surface-variant line-clamp-2\">Enterprise-grade project management tool with integrated real-time document editing and automated sprint reporting.<\/p>\n<\/div>\n<div class=\"flex flex-wrap gap-space-xs mt-auto\">\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Vue.js<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">WebSockets<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">PostgreSQL<\/span>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"portfolio-item group flex flex-col rounded-xl bg-surface-container overflow-hidden transition-all duration-300 hover:-translate-y-1 shadow-[0_8px_32px_rgba(0,229,255,0.04)]\" data-category=\"mobile\">\n<div class=\"relative w-full h-60 overflow-hidden\">\n<div class=\"bg-cover bg-center w-full h-full group-hover:scale-105 transition-transform duration-500\" data-alt=\"A fitness tracking mobile app interface displayed on an iPhone with activity rings, heart rate graphs, and sleek dark mode aesthetic.\" style=\"background-image: url('https:\/\/codenexsolution.com\/wp-content\/themes\/codenex-solution\/assets\/images\/ba9049dc1e43f3a9.jpg')\"><\/div>\n<div class=\"absolute top-space-md left-space-md\">\n<span class=\"px-space-md py-space-xs rounded-full bg-surface\/80 backdrop-blur-md text-primary font-label-sm uppercase tracking-wider\">Mobile App<\/span>\n<\/div>\n<\/div>\n<div class=\"flex flex-col flex-grow p-space-lg gap-space-md\">\n<div class=\"flex flex-col gap-space-xs\">\n<h3 class=\"text-headline-sm font-headline-sm text-on-surface group-hover:text-primary transition-colors\">PulseBiometrics Health<\/h3>\n<p class=\"text-body-md text-on-surface-variant line-clamp-2\">Advanced wellness companion app syncing seamlessly with wearable sensors for continuous health anomaly detection.<\/p>\n<\/div>\n<div class=\"flex flex-wrap gap-space-xs mt-auto\">\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">React Native<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">Python<\/span>\n<span class=\"px-space-sm py-space-xs rounded bg-surface-container-high text-on-surface-variant font-label-sm\">TensorFlow Lite<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6c5b2b elementor-widget__width-inherit elementor-widget elementor-widget-codenex-section\" data-id=\"e6c5b2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"codenex-section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"w-full bg-surface-container-low py-space-xl px-gutter my-space-xl\">\n<div class=\"max-w-5xl mx-auto flex flex-col md:flex-row items-center justify-between gap-space-xl bg-surface-container p-space-xl rounded-xl shadow-[0_8px_32px_rgba(0,229,255,0.08)]\">\n<div class=\"flex flex-col gap-space-sm text-center md:text-left\">\n<h2 class=\"text-headline-md font-headline-md text-on-surface\">Have a custom engineering project in mind?<\/h2>\n<p class=\"text-body-lg text-on-surface-variant\">Let's collaborate to build high-performance digital products tailored to your precise specifications.<\/p>\n<\/div>\n<a class=\"inline-flex items-center justify-center px-space-xl py-space-md rounded-xl bg-gradient-to-r from-primary-container to-secondary-container text-on-secondary-fixed font-label-lg shadow-[0_8px_32px_rgba(0,229,255,0.08)] hover:opacity-90 transition-opacity whitespace-nowrap\" data-path=\"contact-us\" href=\"https:\/\/codenexsolution.com\/?page_id=13\">Start Your Project<\/a>\n<\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/full-width.php","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/codenexsolution.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codenexsolution.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codenexsolution.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codenexsolution.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codenexsolution.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":0,"href":"https:\/\/codenexsolution.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"wp:attachment":[{"href":"https:\/\/codenexsolution.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}