Project: Tharad-Tech website
Technical Stack: Nuxt 3/4, TypeScript, Pinia, Nuxt UI, Tailwind CSS, i18n, Vee-Validate/Yup.
Key Contributions:
Modular Architecture: Built a scalable and maintainable frontend using a modular component design, ensuring high performance and code reusability across pages like Services, Technicians, and Corporate Solutions.
State Management: Leveraged Pinia to manage global application states, including user authentication flow, cart operations, and dynamic data fetching.
Multilingual Support: Implemented a full internationalization (i18n) system with complete RTL/LTR support for Arabic and English, providing a seamless experience for diverse users.
Complex Form Handling: Developed robust form systems using Vee-Validate and Yup for client-side validation, ensuring data integrity and enhanced UX.
Modern UI/UX: Crafted a "premium" visual identity using Nuxt UI and Tailwind CSS, focusing on responsive design, micro-animations, and high-performance image optimization.
SEO Optimization: Applied advanced SEO techniques, including dynamic meta tag generation and semantic HTML structure, to improve search engine visibility and ranking.
API Integration: Successfully integrated complex REST APIs for dynamic content rendering, search filtering, and real-time data updates.