Source Cord

Sources Cord | Front-End Developer

Project Overview:

A comprehensive digital platform for managing NFC Smart Cards and digital identity services. The platform enables users to customize professional profiles, link 20+ social media accounts, and manage e-commerce transactions through a seamless and high-performance web experience.

Technical Stack:

Frameworks: Nuxt 4/3, Vue.js 3 (Composition API), TypeScript.

State Management: Pinia.

UI & Styling: Tailwind CSS, Nuxt UI, Swiper.js.

Utilities: VueUse, i18n (Multi-language support), Nuxt Image.

Key Contributions & Achievements:

NFC Management System: Developed dynamic interfaces for smart card configuration, allowing real-time data updates and integration with various social media APIs.

Modular Architecture: Engineered a library of highly reusable Vue components (Navigation systems, interactive carousels, and complex forms) ensuring consistent UI/UX and long-term maintainability.

Advanced API Integration: Seamlessly integrated complex backend services, handling multipart data uploads, secure checkout flows, and asynchronous request management.

Performance & UX Optimization: Achieved superior performance scores by implementing lazy loading via Nuxt Image and crafting engaging user experiences with scroll-triggered animations and interactive UI elements.

Globalized User Experience: Spearheaded the full Internationalization (i18n) strategy, providing seamless RTL/LTR support for Arabic and English markets.

Centralized State Logic: Managed complex application states, including shopping carts and user profiles, using Pinia to ensure data consistency across the entire platform.