Shagheel

[ Shagheel ] Developed a high-performance, scalable web application using Nuxt 4 and Vue 3, focusing on a seamless user experience and modern UI/UX standards.

Tech Stack: Nuxt 4, Vue 3 (Composition API), Pinia, TypeScript, Nuxt UI, Tailwind CSS, i18n.

Key Contributions:

NFC Management System: Built a dynamic dashboard for managing NFC cards, including real-time editing and advanced image/file upload handling.

Multilingual Support: Implemented a full internationalization (i18n) system supporting Arabic and English with seamless RTL/LTR switching.

E-commerce Logic: Developed a robust cart system and a complex multi-step checkout process integrated with backend APIs.

State Management: Utilized Pinia for efficient global state handling, ensuring data consistency across different modules.

Performance & UI: Created highly reusable components using Nuxt UI and optimized performance using lazy loading and scroll-triggered animations (Intersection Observer).

Form Validation: Integrated Vee-Validate and Yup for advanced client-side validation, improving data accuracy and user feedback.